Circle Buttons With Fill in Effect on Hover

November 2, 2013

Here is a fun and quick technique to add a little flare to your big calls to action. First, we’ll start by creating a simple anchor link: <a href=”#” class=”circle”>Click</a> Next we’ll add the basic CSS to give it it’s shape, color, and some inset box shadows. Don’t forget to add a transition, because we’re …

Read More

Responsive Iframes

June 26, 2013

Handling media is quite often one of the most challenging parts of responsive web design. Images tend to be pretty simple to manage with a little CSS, but iframes are a lot trickier to work with. Sure, you can set a max-width of 100%, but it’s not going to keep the same aspect ratio as …

Read More

Create a YouTube Videos Page Template From an RSS Feed

March 11, 2013

There are plenty of YouTube plugins in the WordPress.org plugin repository, and even in the Envato marketplace, but sometimes a plugin is just overkill for a very simple implementation of recent videos fetched from an RSS feed. In this tutorial, we’ll go over how to use data returned from fetch_feed() to output a YouTube video page template. Read the …

Read More

Highlight Menu Item for Custom Post Types

January 31, 2013

If you’ve ever added a custom link to a WordPress menu item that directs to a custom post type archive, you’ve probably been dismayed at the fact that the highlighting classes such as “current_page_item” aren’t added for you and even worse, “current_page_parent” is added to the menu item for the page that displays your recent …

Read More

Responsive CSS

August 29, 2012

I’m working on a responsive design for a client. The maximum width of the container is 1200 pixels and it is based on 12 – 80 pixel columns with 20 pixel gutters. The mobile version only has one column so I’ve set my column widths at the point that I want the design to snap …

Read More

1 2 3 4