Mes liensShaared links2014-03-11T13:02:16+01:00https://xoofoo.org/paper/https://xoofoo.org/paper/https://xoofoo.org/paper/ShaarliUnderstanding the Bootstrap 3 Grid System ♥ Scotchhttps://xoofoo.org/paper/?O0oLZA2014-03-11T13:02:16+01:002014-03-11T13:02:16+01:00— Permalink]]>The Semantic Grid Systemhttps://xoofoo.org/paper/?IQ67Bw2013-06-24T23:38:38+02:002013-06-24T23:38:38+02:00
Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.
All without any .grid_x classes in your markup. Oh, and did we mention it's responsive?
Runs on LESS, SCSS, or Stylus.
— Permalink]]>REMux: An Experimental Approach to Responsive Web Designhttps://xoofoo.org/paper/?6LylFg2013-02-11T06:04:47+01:002013-02-11T06:04:47+01:00
Then I happened to come across a great article by Ian Yates titled "Life Beyond 960px: Designing for Large Screens" which introduced me to the term "Screen Real Estate". Prior to that, I did some deeper research using rem units in CSS which was a fortunate coincidence. Suddenly I knew what felt wrong.
When talking about RWD we mostly talk about devices below the target width of our layouts. But what about larger screens? Most of you will agree that a non RWD website with a target width of 960px looks a bit odd or lost on such a screen. Things are becoming more obvious when we talk about people accessing our websites with a 60" TV. Sure, these TV sets will most likely still only have full HD resolution. But keep in mind that whoever sits in front of them is probably at least 4m/10f away from the screen.
— Permalink]]>Centurion - A CSS Web Frameworkhttps://xoofoo.org/paper/?uTSKhQ2012-12-27T12:18:05+01:002012-12-27T12:18:05+01:00
Want to test Centurion out simply fork or download the repository on Github to get started and see the power a responsive framework can have on your next web project.
— Permalink]]>34 Responsive Grid Systemhttps://xoofoo.org/paper/?eaJZyw2012-11-03T20:27:29+01:002012-11-03T20:27:29+01:00
If you're already familiar with grid systems and responsive web design just create&download a bundle and see what is inside. Else you may start with resizing your browser window.
— Permalink]]>