Web Design and Development Resources

1140px CSS Grid


Posted on December 23rd, by design4lifeblog in Blog, CSS, Mobile, Tools. Comments Off

1140px CSS Grid

A CSS framework that advocates going beyond the standard! A big thanks to the person/people that put in the effort to make this and then release it for free. I haven’t had the chance to make anything with it yet, but I like the idea of going beyond 1024px. Designing once at 1140 for 1280 and have it easily adaptable to several screens sounds really nice. Will try this out soon on an upcoming project.

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser. Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense. Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.

Source:

http://cssgrid.net/






Comments are closed.



Recent Posts!

Here you find articles, posts and write-ups about resources and issues relevant to web design and development.

Responsive tables with visual scroll cue
Create responsive tables that will display a visual cue when viewed on small screen devices.
iPhone5 and iPad mini mockups
Free iPhone5 and iPad mini mockups, come and get em!
Five Great Tools for Responsive Web Design
When you visit a website, a good design, quality yet easy reading, simplistic navigation with a minimum
Learning JavaScript
I have been really busy at my new job recently and it has taken my full concentration, I have been delving deeper and deeper...
Responsive design workflow with Initializr & HTML5 Boilerplate + build script
If you are looking for a very decent workflow for developing responsive HTML5/CSS3 and optimizing as well, try out using Initializr...
15 Apple Device Inspired Icons
Awesome Apple device icon PSDs posted by http://favbulous.com, they have a lot of free PSDs resources check them out here.
Style Tiles
Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.