Beautifully Simple Feedback Widget

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 job done. This script can … Beautifully Simple Feedback Widget

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 … The Problem with Beautiful WordPress Themes

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 … W3C Obsession and the Return of target=”_blank”

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. If you’re not an Apple fan or want a custom look, no … Beautiful Apple Style Dropdown Menu

Background Image Pattern CSS Generator

Launch Generator

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. … Pixel Perfect, Code Perfect, Graphic Perfect

How to Get Rid of Rounded Corners with CSS3

I don’t know about you, but I feel the rounded corner fad in web design is dying out. Rounded corners will always have a place, but it’s with the introduction of border-radius in CSS3, that it got out of hand. I think the problem lies in the fact that what can make any design poor, … How to Get Rid of Rounded Corners with CSS3

Google +1 Button Script

If this is the first you’ve heard of this new Google +1 (Plus One) Button, checkout the official page. First, add this in between your <head> tags: <script src="https://apis.google.com/js/platform.js" async defer></script> Second, add this just below the <body> tag: <div style="position:fixed;bottom:0;left:50px;z-index:1"><g:plusone size="tall"></g:plusone></div> This will fix the Google +1 Button bottom-left on your pages. It will … Google +1 Button Script

Super Basic HTML Guide

I tend to forget the beginners with my writing. So I’m going to take it way back momentarily to the basics. How to Create a Text Link Code <a href="http://website.com/">Check This Site Out</a> Demo Check This Site Out How to Display an Image Code <img src="http://website.com/images/kittens.jpg" alt="Kittens" /> Demo How to Create an Image Link … Super Basic HTML Guide

Dreamweaver vs Hand-coding

Best way to code a website? When I first started out, I used Dreamweaver. I used it because I didn’t know how to write code. This was a problem because I was letting a program auto-spit out code that I didn’t know of what quality it was. I soon found out too that Dreamweaver is … Dreamweaver vs Hand-coding