Recently I was asked about the responsive menu I created when I redesigned my website. The code for the menu is based on the Suckerfish Dropdowns written on A List Apart years ago. I’ve just restyled parts of it to make it responsive. This menu is a slightly improved version of the menu I’m using [...]
I wanted a simplistic set of icons that I could use for a new WordPress Child theme that I’m working on, so I created one. There are 2 sets of 16 icons included in the set (A dark and light version of each icon). Each set includes an archives icon, calendar icon, categories icon, contact [...]
I’ve update my site with a new HTML 5 responsive design. I’m using the Thematic framework as a foundation and my Thematic320 responsive theme was used as a starting point for this design. There are still a couple quirks to work out with the menu at smaller sizes and some of my images didn’t regenerate [...]
I’ve been playing around with CSS 3 animations lately and here’s something simple that I came up with. http://www.ejhansel.com/cssAnimation/ I wouldn’t recommend putting something like this live on any site(ahh, maybe a one page poster style site), but it’s nice to take a look at and get an understanding for how it’s done. CSS 3 [...]
Here’s a list of CSS selectors that you should be aware of and using in your web design projects. This isn’t all of the CSS selectors, it a list of the selectors that I think are most useful and are supported by the majority of browsers including I.E. 7 and up. With I.E. 6 losing [...]
I received a question on the post I wrote about styling the Contact Form 7 WordPress Plugin that asked “did you happen to come across the captcha? How do you integrate it?”. Contact Form 7 has built in support for the Really Simple CAPTCHA Plugin and it’s rather easy to integrate and style. In this [...]
I’ve been using the Firefox Firebug plug-in for at least 5 years now and I couldn’t imagine building websites without it. I’ve used the web developer tools that come with Safari, Chrome, and Opera but I keep coming back to Firebug. I’m comfortable with it and I seem to be able to edit CSS faster [...]
Over the weekend I’ve worked a bit to update my Thematic 320 and up child theme. It now includes most of the style that the Thematic Frame Work comes with and incorporates 4 different screen size media queries. (Check it out and resize you browser, or go to it on your phone and tablet.) Thematic [...]
What is 320 and up? The 320 and up project page explains it like this “Inspired by Using Media Queries in the Real World by Peter Gasston, ‘320 and Up’ is a device agnostic, one web boilerplate.” 320 and up was developed by Andy Clarke, and is a great starting point for building websites that [...]
How to style the Contact Form 7 Wordpress Plugin. A tutorial that styles the Contact Form 7 plugin in a unique and simplistic way.