Tag Archives: HTML

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 […]

W3C Obsession and the Return of target=”_blank”

It was a very dark time in web design history, it was the time of XHTML Strict code and the obsession with W3C validation, which had made us slaves to the almighty goal of standards-compliance. My name is Bryan Hadaway, and I was a W3C junkie. I had to see that green. If I didn’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 […]

Pixel Perfect, Code Perfect, Graphic Perfect

A good web designer obsesses over every pixel. Symmetry is everything in design, any kind of design. The way an interior decorator places furniture in a room whilst keeping a clean buffer zone for walking, shelves, and other practical housing functions and decor is very similar to the design of a page on a website. […]

Quick Code Snippets

I’m really putting the feelers out there on this cheat sheet, so I definitely need some feedback, if I’m to keep adding code snippets. Request a snippet: Request a Code Snippet If you really want to dive headfirst into web designing, blogging, writing, etc., I recommend trying out WordPress.com (completely free). If you’d rather have […]