Responsive design & mobile first

Avec Responsive Inspector, Piotr Walczyszyn nous offre une belle innovation en matière d'outils d'inspection de code.

The following is an exerpt from "What Every Publisher Needs to Know About Responsive Web Design And Advertising" ebook. The excerpt outlines what publishers need to focus on for successful mobile-friendly websites.

You might want to present content differently for the different types of devices customers are using to access your site. Here are five things to keep in mind.

This case study looks at a pragmatic approach to responsive Web design (RWD), on the basis of a real-world case study, which tried to find the right balance between server-side and client-side techniques and implementation.

The basics, benefits, and pitfalls to consider.

Responsive design not only challenge our tools and approaches to web design and development, but also forces us to review our ways of planning and managing content. New workflows require the right tools. Upon first thought, this opens an opportunity for completely new content management systems (CMS) and publishing platforms (and we’ll probably see plenty of them in the near future). But anyone who has ever migrated from one CMS to another knows very well that the process is not painless. So, can we adapt a familiar and popular CMS such as WordPress to help us create and manage adaptive content?

Au-delà de notre satisfaction d'avoir sorti un site dont nous sommes particulièrement fiers, nous avons voulu partager notre retour d'expérience sur la refonte de notre site en responsive design.

responsive design, l'Infographie

We're shifting into a world in which smartphones and tablets are beginning to rule the roost in terms of connectivity. More people are searching for inform

Will Critchlow announced back in November that Distilled's blog was updated with a new responsive design, but it occurred to me recently that we never went into the specifics of why responsive web design is so great. Responsive design has been a hot topic in online marketing for the past few months, but is it really going to become an industry standard?

Short answer: yep.

Responsive web design means that you don't have separate mobile, tablet, and PC versions of your site: the site adapts to whatever size screen it's being displayed on. Regardless of what device a visitor is using to access your site, they'll see all of the content you have to offer (no more partial-content mobile versions of sites) and they'll see it in readable way.

Saviez-vous qu’au deuxième semestre 2012, 41 % des emails étaient ouverts sur mobile, et que d’ici 2013 ce chiffre pourrait atteindre 50 % ?

I was lucky enough to receive a 13" MacBook Pro with Retina display for work a few months back. It's a beautiful device. At first I didn't think

Earlier today Roger Johansson posted an article about potential scenarios for disabling a responsive design along with a demo. As noted in the article, this isn’t new thinking as bothBruce Lawson, Chris Coyier and various others have spoken about it before — the purpose was to introduce the demo along with scenarios where it would be useful.

Responsable is a responsive HTML CSS LESS SCSS framework with clean markup, normalized CSS, and responsive images. It allows for nested columns for easy grid nesting and customization, and provides base styles for forms, tables, and typography for faster startup on your projects.

Comment utiliser les Media Queries pour développer un site web adaptatif ? Des pistes de réponse avec ces bonnes feuilles issues de l'ouvrage "HTML5 & CSS3", de Michel Martin, publié chez Pearson.

Lors de mes balades sur l'interoueb, j'ai souvent l'occasion de tomber sur des articles traitant des dernières "tendances" dans le domaine du Webdesign (oui, étrangement je ne me tiens pas trop au ...

During the era of Print Design, companies would approach agencies for a brand identity system. Don Draper would then hire one of two people: either Paul Rand or Saul Bass. Paul Rand’s work with Westinghouse makes a great case study for building a design system.

In my January column I resolved not to discuss the responsive Web design issue anymore, as the One URL versus multiple URL issue is moot now that Google has announced a way to consolidate link equity for equivalent mobile URLs.