CSS3 Animated Buttons
Today I was tasked with creating some wacky CSS3 animated buttons. I started out by looking at one or two tutorials before I was able to come up with something of my own. The button made use of three typical states: regular, hover and active. I started out by coding the buttons so they’d look...
Read more…Step-By-Step: Turning A Design Responsive in WordPress, Part 5
Phew, can you believe how far we’ve come? Cross your fingers for the finale, we only have four mockups left to code: blog single, extras, about and contact. Let’s see if we can make it in one post! Other Posts In This Series Part 1 Part 2 Part 3 Part 4 Blog Single Last week...
Read more…Step-By-Step: Turning A Design Responsive in WordPress, Part 4
We’ve come a long way in the past few weeks already, but we’ve still got seven more mockups to go. This week we’ll be focusing on the portfolio detail, testimonial and blog archive pages. Other Posts In This Series Part 1 Part 2 Part 3 Part 5 Portfolio Detail The portfolio detail page is pretty...
Read more…Step-By-Step: Turning A Design Responsive in WordPress, Part 3
Back for another week? In the first week, we got our design ready and coded the header. Last week, we coded the homepage content. This week we’ll be finishing up the homepage and the footer, and doing some testing. Maybe we’ll even get into one of the sub page designs, maybe not. Other Posts In...
Read more…Step-By-Step: Turning A Design Responsive in WordPress, Part 2
Last week we started work on my new design and finished up the header. This week we’ll focus on the homepage. Other Posts In This Series Part 1 Part 3 Part 4 Part 5 The Crazy Slider Background While I originally thought about coding this completely in CSS3 so it can resize with our browser,...
Read more…Step-By-Step: Turning A Design Responsive in WordPress, Part 1
I’ve been dying to try out a real responsive design for awhile now on my site, but didn’t feel like recoding the whole thing. Thankfully, I was able to beg bribe get the fantastic Paul Maloney to redesign my site for me, which gives me the perfect excuse to try out all the new bells and...
Read more…