CSScomb: Tool for Sorting CSS Properties

January 12, 2013 by 1 Comment
csscomb_header

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 [...]

Filed Under: CSS Tagged With: ,

Media Query Snippets to Identify Different Devices

January 9, 2013 by Leave a Comment
responsive-design

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 [...]

Filed Under: CSS Tagged With: , , , ,

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

February 25, 2012 by Leave a Comment
1140gs_main

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 [...]

Filed Under: CSS Tagged With: , , , ,

What is Responsive Web Design (RWD)?

February 18, 2012 by 6 Comments

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 [...]

Filed Under: CSS Tagged With: , , ,

Create responsive design using media queries

February 15, 2012 by 1 Comment
mediaQueries

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 [...]

Filed Under: CSS Tagged With: , , ,

The 960 Grid System Explained In Depth

February 8, 2012 by 5 Comments
grid960

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 [...]

Filed Under: CSS Tagged With: , , ,