The best practice in our opinion for usability is to keep your navigation visible for as long as possible before resorting to hiding it. In part 2 of this two-part tutorial we will teach you how to show and hide your newly designed pure CSS hamburger button and navigation using Media Queries and jQuery for your responsive website.

One of the most important aspects of responsive web design is the navigation, it typically needs to be hidden and accessed via a button. In Part 1 of this two-part tutorial we will teach you how to create an animated hamburger button with CSS and jQuery for your responsive website.

You may have seen major websites with truncated text in the sidebar in order to keep things tight and neatly organized. In this tutorial we will teach you how to easily truncate text strings responsively while adding ellipsis at the end via CSS.

Back in 2010 we wrote a tutorial on how to create a digital 8-bit style effect for corners using only CSS. Now it’s 2017 and we’ve decided to revisit our earlier method and improve upon it. In this tutorial we will teach you an updated method for coding beautiful responsive digital 8-bit style corners using only 100% CSS3 requiring zero images and less markup.

In order to register support for certain theme features in WordPress the add_theme_support function needs to be utilized. In this tutorial we will teach you how to add features in WordPress using the Add Theme Support function.

In addition to creating a beautiful website there may come a time when you need to add a little extra user experience into the mix to help deliver that wow factor. In this tutorial we will teach you how to easily scroll to a specific element on your webpage using jQuery without the need for a plugin.

If you are building a website and are worried about load times, preloaders are a great way to reduce user frustration due to varying load times. In part 1 of this tutorial we will teach you how to create a pure CSS3 preloader without images that utilizes CSS3 animations.