csscomb_header

CSScomb: Tool for Sorting CSS Properties

There are hundreds of different CSS properties and a web application ends up using almost all of them. As and when you make changes to your UI or add plug-ins you are bound to make changes to your css file, which grows in size and later it becomes difficult to manage it. I am sure you all must have gone …

AkshayCSScomb: Tool for Sorting CSS Properties
responsive-design

Media Query Snippets to Identify Different Devices

In my previous article “Create responsive design using media queries”, we saw what media queries are and how we can use them to create responsive designs. Now, let’s see how we can identify different devices using media queries so that we can define their own style sheets for each of these devices. Let’s start with smart phones. Nowadays most of …

AkshayMedia Query Snippets to Identify Different Devices

1140 grid system – A grid based and a responsive design framework

After using and writing an article on 960 grid system and responsive web design, I was looking for a design framework that is grid based and also responsive. Grid based framework facilitates developers to rapidly develop UI prototypes and using a responsive web framework enables users to view your site on device of any screen resolution. And then, I came …

Akshay1140 grid system – A grid based and a responsive design framework

What is Responsive Web Design (RWD)?

Responsive web designs (RWD) People using smart-phone, tablets and notebooks are increasing every year. Users are viewing your website from devices of different screen sizes so; designing your site for widescreen computers is not enough. You should develop your site which is also optimised for smart-phones and tablets. This issue can be addressed by working with different screen resolutions in …

AkshayWhat is Responsive Web Design (RWD)?

Create responsive design using media queries

Media Queries In last decade, we have seen so many devises of different shapes and sizes coming into the market. It has become more and more difficult to design a website that fits well in all these screens. But now there is a relief for developers, you can create a responsive design using the media queries. It allows you to …

AkshayCreate responsive design using media queries

The 960 Grid System Explained In Depth

What is Grid 960? Grid 960 is a CSS framework which facilitates developers to rapidly develop UI prototypes. For several years, it has been helping developers to structure and design web layouts. There is good chance you might have used or know what a CSS framework is. A CSS framework is just a series of stylesheets created to simplify developer’s …

AkshayThe 960 Grid System Explained In Depth