In this tutorial, we look at four different ways of styling CSS buttons that will add a little extra flavour to your site. Each button will have an appearance by default, on hover, and when active.
Displaying all posts filed under “tutorials”.
Here, we look at three different ways to achieve equal height columns with just CSS. This is a common scenario that troubles a lot of people, so I’m going to demonstrate some elegant pure CSS solutions.
In this tutorial, we'll create and implement slide and push menus that are initially hidden off screen, and transition into view with CSS transitions.
Neat effects for image captions that reveal on hover using CSS3 transitions to transition out the image and transition in the caption on hover.
In this tutorial, we’re going to build some image overlay hover effects with CSS3 transitions. When we hover over an image, a neat transition will occur, showing us an icon that hints the user to click on it for more.
In this tutorial, I’m going to show you how to create a custom WordPress loop with pagination. We will use the WP_Query class to instantiate a new query, and display the posts with pagination.
In this tutorial, we create an animated fixed header that will resize on scroll. When you scroll down the page a bit, the header resizes smaller with CSS3 animations, and gets back bigger when you scroll back to the top.
In this lab, we build tabbed content sections using some jQuery and CSS. Tabbed content areas are a great way to pack sections of content into a neat, concise area with a nice user experience.
In this lab, we build a simple responsive navigation menu using HTML, CSS, and a bit of jQuery.