Today, almost everyone realizes the growing significance of creating responsive solutions. In fact, having a responsive web design has become an undeniable part of the design and development process, which can be attributed to the increasing mobile usage over laptops/desktops

We used .attr() method to get the attribute value of a checkbox. Which would return “checked” if the checkbox state is checked. But as of jQuery 1.6 it will return undefined if checkbox state is not set.

Full width responsive tiled menu is one of the most creative ways to display the navigation of your site. Not only it creates a very full-bodied effect for visitors but also gives them a taste of trendy flat design. In this tutorial, I’m going to create a full width tiled menu and make it fully responsive using CSS3 Media Queries. At the end, I’ll also use some quick JavaScript to show or hide the tiled menu on smaller screen devices. Let’s get started!

Although the tradition of creating a logical and structured layout using CSS has received innumerous appreciations from web developers across the globe, there have been multiple pitfalls associated with the same. Even with the quick availability of handy tips and tricks on creating a CSS layout, some or the other kind of bugs/errors tend to enter into the code. In this post, I’ve jotted down a list of 15 common bugs encountered during creation of a CSS layout. So, let’s take a closer look at each of these bugs and get to know about their simple-to-follow fixes.