Steve Fisher and Alaine Mackenzie set out their vision for responsive web design as it approaches maturity
Let’s be clear: design is the solution only if it focuses on the deeper issues at hand, the why behind everything. A solid process should always guide our work, but we need to embrace something more flexible. Our medium has finally proven itself to be fluid, so shouldn’t our process? Think about system design: you need to see both the whole picture and the tiny details. Impossible? Far from it!
 Frank Chimero puts it beautifully in his book The Shape of Design: “There is a part where the artist steps back from the easel to gain a new perspective on the work. Painting is equal parts near and far: when near, the artist works hard to make his mark; when far, he assesses the work in order to analyse its qualities. He steps back to let the work speak to him.”

 We need to let our work, our medium, speak to us. With the rise of responsive design, we are finally embracing our medium as it was meant to be: fluid. It is a brilliant time to step back and assess the work, analyse, and embrace a new way of doing things, a new process. Gone are the days of static mock-ups and web designers who don’t understand code. It is time for a responsive process.

Avec la généralisation des technologies JS, CSS3 et HTML5, il est aujourd'hui possible de faire des sites Web qui n'ont rien à envier aux interfaces des logiciels que l'on peut trouver sur nos machines. Le revers de la médaille est une complexité croissante qui nécessite de faire appel à des professionnels . Quand vous devez faire un site personnel ou pour une association, il est difficile, à moins de s'appeler Cresus, de passer par un Web designer.
Heureusement des frameworks libres permettent avec un minimum d'investissement et de connaissances de bâtir des sites Web dans les règles de l'art. Nous allons dans ce billet parler du plus médiatique d'entre eux: Bootstrap. L'idée n'est pas de traduire la documentation officielle qui est par ailleurs très bien faite, mais de partager avec-vous mes méthodes que je suis en train d'utiliser pour développer le prochain thème du Blog de Nicolargo qui sera, vous l'avez compris largement basé sur Bootstrap.

Roole is a language that compiles to CSS.
It drew many inspirations from other CSS preprocessing languages like Sass, LESS and Stylus.
The most unique feature of Roole is that it has vendor prefixing built-in, so the language stays dead simple yet being able to prefix some extremely complex rules transparently.
Roole is implemented in JavaScript, so it can be run both on the server side (via node.js) or in a browser (run unit tests to check if Roole works in your browser).

I'm sure we all agree that responsive web design has been one of the biggest subjects in the last few years and will continue with the growth of mobile. As a senior front and backend developer with a strong interest in research and development at my company, I am responsible to evaluate techniques like RWD. Whenever I received a link to a totally new CSS grid system, I became more and more skeptical. They did not feel "right" to me, but I wasn't sure why.
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.

Qui n’a jamais galéré pour convertir correctement une bête image .PNG en fichier .ICO et vice et versa sans avoir de rendus horribles, de problèmes de tailles etc… ?
Alors bien sûr il existe une tonne de services web, de programmes, et de gadgets en tout genre permettant de faire ça, mais c’est généralement compliqué d’en trouver un qui soit simultanément bon, simple d’utilisation, sans inscription, sans installation, à la bonne taille, sans perte de qualité etc…
Or il se trouve que j’utilise cette perle rare depuis quelques années déjà, et que je me suis récemment apercu avec horreur que je n’en avais jamais parlé ici !! Mesdames et MesGeeks, sans faillir plus longtemps je vous présente : ToyCon

A lightweight (2kb) micro-framework, elegant & minimalistic CSS3 grid system, made with only one container and 12 columns. It`s very easy to use and understand, pre-packed with some extra css helpers for mobile devices.

opentip is a javascript tooltip framework
 yes - it’s free, open source and comes with different styles!

The varying viewports that our websites encounter on a daily basis continue to demand more from responsive design. Not only must we continue to tackle the issues of content choreography — the art of maintaining order and context throughout the chaotic ebb and flow of the Web browser — but we must also meet the expectations of users. They’re not sitting still.

Tooltips are a square deal. They allow for the placement of important information just in the very location this information is needed, regardless of screen real estate. Tooltipster is a plugin for jQuery aiming at making the process of creating tooltips as easy as possible while providing the biggest functionality available. They conform to HTML5 and can be styled to your own liking using CSS.

Je suis développeur et pour moi le design a toujours été quelque chose que j’observais de loin. J’ai bien essayé de faire joujou avec une version piratée de Photoshop dans ma jeunesse mais j’ai du me rendre à l’évidence à chaque fois : mes tentatives de designs étaient calamiteuses.
 Mais aujourd’hui je retrouve espoir grâce à l’initiative de HackDesign qui propose des cours de design pour les développeurs…
➤Le principe
Design lessons for programmers, curated by top designers
Voici le titre de la homepage de HackDesign, autant dire que c’est plutôt clair et concis : l’objectif est de proposer des “leçons” traitant du design et du webdesign pour les développeurs souhaitant améliorer leurs compétences en design. Au lieu de parler de leçons, ils auraient pu parler d’articles.
Le programme est dévoilé au fur et à mesure, de nouveaux articles sont ainsi dévoilés toutes les semaines sur un thème relatif au webdesign et généralement, ils fourmillent de ressources en relation avec l’article.