Tag Archives: CSS

The New Twitter API v1.1 Nightmares Solved!

Skip the reading, and get to (hopefully) the solution you’ve been looking for after scouring the internet in a headache-inducing rage seeing no help in sight for the past several hours… Two things are 100% true, progress is inevitable and people hate change. I should state upfront that I’m a web designer, not a programmer […]

How to Make AddThis Responsive

The problem I often see is that someone will pick up an all-responsive website template or WordPress theme for example and they’ll add all sorts of widgets and plugins to it, and more times than not, third-party add-ons are not responsive. As most people are not web designers or programmers, they tend to not think […]

The Coding Brain

Learning a coding language, in my opinion, is very similar to learning a spoken language. You need to learn how to read and write it well (perhaps not fluently, but well) in order for yourself, as well as others, to understand what you’re communicating. The way a server or browser might not be able to […]

How to Create a Twitter Retweet Button

The purpose of placing a Retweet button on your site is to help promote a specific Tweet, often for the purpose of a contest or giveaway. The information is readily available here, but a little more hands-on than say going through the form of creating a Follow button. Here, we have to create our own […]

How to Create Gradients in CSS

Finally, the standard is here for creating non-browser-specific CSS gradients across all the latest, standards-compliant browsers! CSS .grad{background:linear-gradient(#40b3ff, #09f)} HTML <a href="#" class="grad">Simple Gradient Hurray!</a> Demo Simple Gradient Hurray! (if you’re not seeing a gradient, your browser doesn’t support linear-gradient yet) So beautifully simple. Simple Fail-safe for Older Browsers .grad{background-color:#09f;background:linear-gradient(#40b3ff, #09f)} background-color:#09f — Use this […]

Beautifully Simple Feedback Widget

Last Updated: May 9th, 2018 Works perfectly in the latest versions of Firefox, Chrome, Safari, and IE and uses only CSS. Demo View Demo CSS #feedback{display:block;position:fixed;top:65%;right:0;font-family:georgia,serif;font-size:20px;color:#fff;padding:15px;border-left:4px #7fccff solid;background:#09f} #feedback a{display:block;font-size:0;color:#b4e0fd;transition:all 0.5s ease} #feedback:hover a{font-size:inherit} HTML <div id="feedback">feedback<a href="mailto:feedback@website.com">feedback@website.com</a></div> As with all my scripts, I write them as simply and cleanly as possible to get the […]

The Problem With Beautiful WordPress Themes

Every once in a while, I get this itch to design an over-the-top, beautiful WordPress theme. I want to add a ton of wonderful graphics and subtle effects of gradients and texture and utilize special fonts and CSS3 and then I remember, that’s a horrible idea! Because people, sure, might like it, but it isn’t […]

Beautiful Apple Style Dropdown Menu

UPDATE — While this article may still hold some value, it is pretty dated. To see the very last incarnation of this menu’s code, download the Startup theme. You can also find my very latest (2015 onward) menus in the GenericTools code samples. Last Updated Aug 5th, 2012 — If you’re not an Apple fan […]

My Coding Code of Ethics

Quick and Dirty I loathe licensing. All the code I write and share on my blog (unless otherwise noted) is public domain (wiki). In short, that means there is no license whatsoever, no limitations, and you do not need to ask permission. My writings, ideas, theories, opinions, observations, creations, projects, experiments, etc., however, are of […]