Category Archives: Web Design

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

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

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

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

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

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