Responsive

TwitterFacebook
Get flash to fully experience Pearltrees
http://speckyboy.com/2010/05/30/liquid-fluid-and-elastic-layout-templates-tools-and-frameworks/ In recent years, screen resolutions are getting both bigger (large monitors) and smaller (in the mobile sense), as such, a static or fixed web layout may no longer be deemed completely viable. Maybe its time to change. Liquid, fluid and elastic layouts, have as many supporters as fixed layouts, despite what ever your feelings are on these styles of layouts, having some knowledge on adapting a site to liquid or elastic would most definitely be a plus in your arsenal. In this article you will find a collection of starter and basic fluid/liquid and elastic layouts, CSS frameworks and some useful tools to help you with your next project. Inspired by the 1kb Grid , the Tiny Fluid Grid is a super simple fluid layout generator. Its download comes with a index.html with demo code, and the grid.css containing the CSS for the grid that you have created.

Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks

What We’re Building If you’re the kind of person who likes to skip ahead, here’s a sneak peek at what we’re building. Be sure to resize your browser window to see the responsive concepts in action.

Code a Responsive Navigation Menu | Design Shack

http://designshack.net/articles/css/code-a-responsive-navigation-menu/
Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “ responsive web design ”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !). http://designspartan.com/info_generale/responsive-design-definition-fonctionnement-ressources-et-tutoriels/

Responsive design : définition, fonctionnement, ressources et tutoriels « Design Spartan : Graphisme, Webdesign, Digital painting, Illustration…