Responsive design & mobile first
46
Ressource, articles, techniques responsives
Follow
Scooped by Agathe-Sevegrand onto Responsive design & mobile first
Scoop.it!

Why Responsive Web Design Has To Win Out

Why Responsive Web Design Has To Win Out | Responsive design & mobile first | Scoop.it
This article looks at how and why we have to restructure content, but not eliminate it, and why responsive web design qualifes for the future.
No comment yet.
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

Projet Responsive Design - Alsacreations

Projet Responsive Design - Alsacreations | Responsive design & mobile first | Scoop.it

Vous ne comprenez rien au Responsive Web Design ? Votre intégrateur vous en parle mais vous ne comprenez rien à ce charabia technique ? Les intervenants posent des questions sur cette « mode », cette évolution du web et vous n’avez aucune solution à apporter ?

No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Inspector – Redécouvrez les media queries

Responsive Inspector – Redécouvrez les media queries | Responsive design & mobile first | Scoop.it
Avec Responsive Inspector, Piotr Walczyszyn nous offre une belle innovation en matière d'outils d'inspection de code.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design: Capitalizing the Mobile Web

Responsive Design: Capitalizing the Mobile Web | Responsive design & mobile first | Scoop.it
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.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

What to Consider When Creating Responsive Design-Friendly Content

What to Consider When Creating Responsive Design-Friendly Content | Responsive design & mobile first | Scoop.it
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.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Improve Mobile Support With Server-Side-Enhanced Responsive Design | Smashing Mobile

Improve Mobile Support With Server-Side-Enhanced Responsive Design | Smashing Mobile | Responsive design & mobile first | Scoop.it
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.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | Breaking Development: 20MB Responsive Websites

In his presentation at Breaking Development in Orlando FL Mat Marquis walked through modern techniques for making responsive Web sites performant. Here's my notes from his talk on Twenty Megabyte Responsive Websites Are the Future.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Creating a Mobile-First Responsive Web Design - HTML5 Rocks

We're going to walk through how to create an adaptive web experience that's designed mobile-first. This article and demo will go over the following:

Why we need to create mobile-first, responsive, adaptive experiencesHow to structure HTML for an adaptive site in order to optimize performance and prioritize flexibilityHow to write CSS that defines shared styles first, builds up styles for larger screens with media queries, and uses relative unitsHow to write unobtrusive Javascript to conditionally load in content fragments, take advantage of touch events and geolocationWhat we could do to further enhance our adaptive experience
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design for Enterprise Web Sites

The basics, benefits, and pitfalls to consider.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Adaptive content with WordPress

Adaptive content with WordPress | Responsive design & mobile first | Scoop.it
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?
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Susy : un plugin de grilles responsives pour Compass

Susy est un plugin de grilles pour Compass, idéal pour du responsive design avec une gestion de breakpoints. Ces derniers, appelés aussi « points de rupture » permettent de définir une mise en page pour telle largeur à un breakpoint donné. Ca remplace les medias queries.

Au niveau du html, le codage des balises est libre, il n’y a pas de règles de nommage à respecter.

No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Retour d’expérience sur le responsive design

Retour d’expérience sur le responsive design | Responsive design & mobile first | Scoop.it
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.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

My Infographics

My Infographics | Responsive design & mobile first | Scoop.it
responsive design, l'Infographie
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design & Mobile SEO: Best Practices for 2013 - Search Engine Journal

Responsive Design & Mobile SEO: Best Practices for 2013 - Search Engine Journal | Responsive design & mobile first | Scoop.it
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
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

18 practical responsive design tools and resources for wireframing

18 practical responsive design tools and resources for wireframing | Responsive design & mobile first | Scoop.it
You’re probably growing tired of the phrase ‘responsive design’, but it isn’t one of those overly-hyped buzz phrases that you can ignore, and it’s not going to go away anytime soon.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Comprendre le responsive email design et ses problématiques

Comprendre le responsive email design et ses problématiques | Responsive design & mobile first | Scoop.it
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 % ?
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Designing for high resolution Retina displays

Designing for high resolution Retina displays | Responsive design & mobile first | Scoop.it
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
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Thoughts on Toggling a Responsive Design On and Off by Jordan Moore

Thoughts on Toggling a Responsive Design On and Off by Jordan Moore | Responsive design & mobile first | Scoop.it
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.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Letting users disable responsive layout | 456 Berea Street

It’s great that media queries allow us to adapt the layout of our sites to the users’ viewport size, a.k.a. Responsive Web Design. However, some argue that doing so comes with a (slight) risk of confusing some people that don’t expect viewport width to make the layout change as drastically as media queries allow.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | Breaking Development: Mobile First Responsive Design

In his presentation at Breaking Development in Orlando FL Jason Grigsby walked through the importance of performance in multi-device designs and techniques for helping you achieve it . Here's my notes from his talk on Mobile First Responsive Design:
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A Responsive HTML CSS LESS SCSS Framework | Responsable Framework

A clean responsive grid with a typographic baseline you say?

No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsable Framework - A clean responsive grid with LESS and SASS

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.

No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design: The New Rules of Responsive Web Design

Responsive web design has become a near ubiquitous buzzword on the web. Try searching for #rwd on Twitter to find equal parts content and Twitter spam. This is
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design en CSS3

Responsive Design en CSS3 | Responsive design & mobile first | Scoop.it
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.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Ceci n'est pas du responsive

Ceci n'est pas du responsive | Responsive design & mobile first | Scoop.it
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 ...
Agathe-Sevegrand's insight:

Assez d'accord avec ça. Le responsive design, ce sont moins des techniques qu'une façon de penser...

No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Deliverables - daverupert.com

Responsive Deliverables - daverupert.com | Responsive design & mobile first | Scoop.it

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.

No comment yet.