Jetpack is a great set of plugins that now comes bundled with WordPress. One of those plugins, Infinity Scroll, removed the need to page through posts by automatically loading more posts on pages like your blog, archives or categories. This post is specifically about adding support for Jetpack Infinity Scroll to the WordPress Thematic Framework. […]
CSS 3 Animation AJAX Loaders
After seeing some example of CSS 3 animating “AJAX Loaders” on another site (I think sitepoint.com) I thought it would be fun to make some of my own. These “AJAX Loaders” are completely styled and animated with CSS 3. They take advantage of new CSS 3 properties like animation, keyframe, and transform so they won’t […]
A Responsive Drop Down Navigation Menu Part 2
This is the second post in a series about responsive drop down menus. In this post I’m going to add some javascript that will improve the usability of the menu on most touch devices and load in superfish.js on desktop browsers.
Style The WordPress WP-PageNavi Post Navigation Plugin
The WP-PageNavi plugin can be vary useful if the theme WordPress theme you’re using doesn’t have numbered navigation built-in. The default style of the plugin looks nice if your theme is fairly simplistic but for those of you that would like a bit more and love fine details keep reading. Styled WordPress WP Page Navigation […]
A Responsive Drop Down Navigation Menu
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. Responsive Drop Down Menu in a Browser. This menu is a slightly […]
Simplistic Blogging Icon Set
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 […]
HTML5 Responsive Site Redesign
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 […]
CSS 3 Animation Experiment
CSS3 Animations 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 Selectors You Should Be Using NOW!
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 […]
Contact Form 7 WordPress Plugin with CAPTCHA
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 […]