Responsive design...
Follow
9.9K views | +0 today
Responsive design & mobile first
Ressource, articles, techniques responsives
Your new post is loading...
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Webdesign : 30 Ressources utiles pour de la conception Responsive - responsive-webdesign

Responsive Webdesign : 30 Ressources utiles pour de la conception Responsive - responsive-webdesign | Responsive design & mobile first | Scoop.it
Retrouvez une sélection de ressources et d'outils qui vous aideront à travailler sur de la conception Responsive.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design : Le guide de référence pour les SEOs

Responsive Web Design : Le guide de référence pour les SEOs | Responsive design & mobile first | Scoop.it
Depuis février, le smartphone a quasiment atteint 50% du marché mobile aux Etats-Unis. 2012 est ENFIN « l'année du mobile », et cela signifie que vous avez besoin vous vous faire votre propre expérience en tant qu'utilisateur.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How Much Does a Responsive Web Design Cost? | Brad Frost Web

Answer: $13.47.Asking "How much does a responsive...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Can A “Mobile First” Responsive Web Design Boost Your Sales? | The Daily Egg

Can A “Mobile First” Responsive Web Design Boost Your Sales? | The Daily Egg | Responsive design & mobile first | Scoop.it
Leanne Byrom discusses the advantages of creating a "mobile first" responsive web design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design Tips | Multy Shades

Responsive Web Design Tips | Multy Shades | Responsive design & mobile first | Scoop.it
Different visitors operate different websites through different devices; for many of the websites creating a version for a different resolution and devices is next to impossible.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

"Mobifying" Your HTML5 Site - HTML5 Rocks

As an exercise I thought it would be interesting to take html5rocks (an existing HTML5 site) and augment it with a mobile-friendly version. I was mainly concerned with the minimum amount of work required to target smart phones. The goal of my exercise was not to create an entirely new mobile site and maintain two codebases. That would have taken forever and have been a huge waste of time. We had already defined the site's structure (markup). We had a look and feel (CSS). The core functionality (JS) was there. Point is, many sites are in this same boat.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design and SEO

I’ll let the UX experts expand on why Responsive Web Design is killer for your users, but now let me get into why it’s amazing for SEO. Let’s start off by listing some of the disadvantages of having a dedicated mobile website(s):
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Making of: People Magazine's Responsive Mobile Website (Global Moxie)

Making of: People Magazine's Responsive Mobile Website (Global Moxie) | Responsive design & mobile first | Scoop.it
Global Moxie designed the new responsive mobile website for People Magazine. Here's how we did it and why.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

978 Grid System for Web Design - a responsive grid ?

978 Grid System for Web Design - a responsive grid ? | Responsive design & mobile first | Scoop.it
978 is a grid layout system that uses 12 columns at 54px, with 30px gutters. This comes out to a total of 978px, which uses up most of the space on a 1024x768 monitor.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | An Event Apart: Responsive Design Workflow

In her presentation at An Event Apart in Washington DC 2012 Sarah Parmenter talked about the changes responsive Web design requires of Web designers. Here's my notes from her talk on Responsive Design Workflow:

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

Responsive Email Design Guide | Campaign Monitor

If you read your email regularly using an Internet-enabled phone, you probably know that it's an experience that can swing from awesome to awful. While an email newsletter can look superb in the inbox, when squeezed onto a small screen, it can become absolutely unusable, with small fonts, narrow columns and broken layouts being common issues.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Un reset "responsive" pour les images.

Un reset "responsive" pour les images. | Responsive design & mobile first | Scoop.it
Il est devenu assez fréquent d’employer max-width: 100% pour forcer le rapetissement des images lorsque la taille de fenêtre se réduit. Cependant, cela ne suffit pas toujours et j’ai récemment...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive web design case study: Zee | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials

Responsive web design case study: Zee | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials | Responsive design & mobile first | Scoop.it
Last week we launched the new Zee website - Zee is my company here in Brazil. We did the site in a single page, presenting the company, our works and keeping the focus on content and in a simple design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive design : définition, fonctionnement, ressources et tutoriels

Responsive design : définition, fonctionnement, ressources et tutoriels | Responsive design & mobile first | Scoop.it
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...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Where And How To Set Breakpoints In Media Queries - Vanseo Design

Where And How To Set Breakpoints In Media Queries - Vanseo Design | Responsive design & mobile first | Scoop.it

Flexible layouts work well to a point, but there comes a time when we need a more drastic change than simply allowing design elements to expand and contract. There comes a point where we need the ability to make larger changes in how elements flow within a design. Enter media queries. Now with official W3C goodness.

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

Mobile-First Responsive Web Design | Brad Frost Web

Mobile-First Responsive Web Design | Brad Frost Web | Responsive design & mobile first | Scoop.it
Mobile-First Responsive Web Design is a combination of philosophies/strategies, and ultimately boils down to a broader application of good ol' web bes...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Anatomy of a Mobile-First Responsive Web Design | Brad Frost Web

Anatomy of a Mobile-First Responsive Web Design | Brad Frost Web | Responsive design & mobile first | Scoop.it
Last month I had the opportunity to contribute to Google’s HTML5 Rocks site with an article called Creating a Mobile-First Responsive Web Design. In the article, I walk through step-by-step the process of creating an adaptive website that does its best to take context into consideration.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

30 Useful Responsive Web Design Tutorials

30 Useful Responsive Web Design Tutorials | Responsive design & mobile first | Scoop.it
So we’ve reached the end of our "Responsive Web Design week", tonight’s post will be the last of the series. We are going all out to help you hone your skills in manipulating those codes to respond at will when displayed on different devices.
more...
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.

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

Responsive Design Bookmarklet

How it works :
There are some options when you run the bookmarklet. Here is some explanations.

- Toogle a fake keyboard
So, you can see how much space is visible when users are entering data in forms.

- Toggle CSS Refresh
As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser. It only works in a server environment.
Powered by CSS Refresh

- Close the bookmarklet
Close the bookmarklet and return to the current page
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive design: five key considerations

The saying 'one size doesn't fit all' may be true in many cases, but with the use of -- and interest in -- responsive design skyrocketing, more and more companies are asking whether that's necessarily true when it comes to web design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive design, site mobile ou application… l’important, c’est le suivi des références ! - Le Blog eBusiness - GFI e-Business

Qu’il s’agisse d’e-commerce, de banque en ligne, de réseaux sociaux, ou encore de publication d’actualités, un débat fourmille chez les experts du web depuis quelques temps.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How to style flexible images for RWD | TechRepublic

This is the final post on the Responsible Web Design focus. The first introduced RWD, reviewed the nuts and bolts, and explained why it ought to be required for web sites. The second post showed you how to create media queries and get your web sites another step closer to universal responsiveness across all devices. In this post, I will review how to get your images and videos to become flexible along with the other content. The HTML and CSS code for the demo pages used below can be found in the associated download, so you can follow long.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

What email designers can learn from the responsive web - Campaign Monitor

What email designers can learn from the responsive web - Campaign Monitor | Responsive design & mobile first | Scoop.it
I was looking at Spyrestudio's recent round-up of '27 Responsive Website Designs for Mobile Safari' and was struck by a strange, familiar feeling. 'Heck,' I thought, 'a lot of these sites look like email newsletters!'
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Better grids for a responsive world

Better grids for a responsive world | Responsive design & mobile first | Scoop.it
The idea behind Singularity is to create a grid system that will work not only with uniform grids, but also grids built on modular scales. After numerous pitfalls and refactors, Singularity is now entering beta, built on a solid codebase with more flexibility than was originally planned.
more...
No comment yet.