Responsive design & mobile first
10.1K 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!

5 Key Benefits of Responsive Website Design

Responsive web design has become a buzzword of sorts, but don’t let that fool you — it is being stressed to death for good reason.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Content Choreography | Trent Walton

Content Choreography | Trent Walton | Responsive design & mobile first | Scoop.it
The concept of permanently placing content on a web page for a single browsing width or resolution is becoming a thing of the past.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Gestures-Sensitive Slideshow: Responsive and Touch-Friendly

Gestures-Sensitive Slideshow: Responsive and Touch-Friendly | Responsive design & mobile first | Scoop.it
I'm not quite sure, but it was probably 2006 (correct me if I'm wrong) when with the birth of jQuery the very first non-Flash slideshows/sliders appeared on Web. Before that time, writing JavaScript was a horrible pain and therefore websites were boring, Internet wasn't that attractive as it is nowadays. Because nobody wanted to spend a week writing a thousand-lines code just to have something that does not work properly on any browser! Luckily, things have changed: JavaScript had become practical and that had heavily influenced the whole craft. Now things have changed even more: you can't ignore mobile & tablet devices, you must have your content accessible on any modern device
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Testing #RWD

Testing #RWD | Responsive design & mobile first | Scoop.it
When testing the devices, there are 4 main areas to cover, feature phones, smart phones with low level support, smart phones and tablets. The primary tablet market will be 7-inch devices up to 720x1280 pixels with the lowest smart phone being 240x360 pixels.
Currently, we are only approaching devices that are not conforming to desktops, so smart TV’s, games consoles and other exotic devices are test, desktops are not.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Our Joyride jQuery Plugin Gets an Overhaul

Our Joyride jQuery Plugin Gets an Overhaul | Responsive design & mobile first | Scoop.it
Joyride has been around for almost a year and is very well-received so far. Many tours were planned and many tours were taken.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Adactio: Journal—Fanfare for the common breakpoint

Adactio: Journal—Fanfare for the common breakpoint | Responsive design & mobile first | Scoop.it
.net Magazine is running a series of articles on their site right now as part of their responsive week. There’s some great stuff in there: Paul is writing a series of articles—one a day—going step-by-step through the design and development of a responsive site, and Wilto has written a great summation of the state of responsive images.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design Workflow: Mobilism 2012

Almost exactly the same slides as for BDConf, but some might appreciate having the actual slides from this event.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Code a Mobile-Friendly HTML5 Video Stream with Multiple Sources

Code a Mobile-Friendly HTML5 Video Stream with Multiple Sources | Responsive design & mobile first | Scoop.it
New media on the Internet has gone through a rigorous process of quality control and best practices for web developers. Back just a few years ago Flash video was the most prominent solution. But with HTML5 support in all modern browsers the solution to embedding audio/video media has become a lot less complicated.

In this tutorial I want to explore how we can build a very simple webpage for embedding mobile-responsive HTML5 video. I have included two versions of the page – one with standard HTML5 video and the other using Video.js. The HTML is almost identical which shows how much progress HTML video has made in a few short years. But you can check out a demo of both pages from the links I’ve included below.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Development now is a Standard | CollegeGFX - Education 2.0 for designers !

Responsive Web Development now is a Standard | CollegeGFX - Education 2.0 for designers ! | Responsive design & mobile first | Scoop.it
For each and every new client, and new project, it seems that the request for compatibility among mobile devices is rising. Smartphones are at their peak in...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A List Apart: Articles: The Web Aesthetic

A List Apart: Articles: The Web Aesthetic | Responsive design & mobile first | Scoop.it
It is the nature of the web to be flexible, and it should be our role as designers and developers to embrace this flexibility, and produce pages which, by being flexible, are accessible to all.

— John Allsopp, The Dao of Web Design
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Cutting the mustard

The browser is a hostile development environment and supporting a wide range of desktop browsers can be tough work.
One of the immediate challenges we discovered when we first started the responsive...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

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

Responsive 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!

Nouveau site de Nealite : retour d’expérience sur le responsive design

Nouveau site de Nealite : 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.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

antistar wordpress theme

antistar wordpress theme | Responsive design & mobile first | Scoop.it
Antistar is a simple, cute and responsive Wordpress theme which is great for portfolios, artists, small businesses and novices.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

IIPImage » Responsive Images using IIPImage

IIPImage  » Responsive Images using IIPImage | Responsive design & mobile first | Scoop.it
IIPImage is an advanced high-performance image server and client for web-based streamed remote visualization of high resolution scientific imagery...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A Richer Canvas | Mark Boulton

In 1927, Jan Tschichold published his seminal manifesto: Die neue Typographie. As with all manifestos, it’s a work of vision, new ways we should think; a work of unwavering principles on how we should design printed material. Abandonment of serif typefaces aside, one of the guiding principles was pointed out to me by my university lecturer regarding designing the perfect layout:

" largely forgotten today, methods and rules upon which it is impossible to improve have been developed for centuries. To produce perfect books these rules have to be brought to life."
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responding to Responsive Design | ClickZ

Rather than wishing for an unlikely device monopoly, mobile media needs technical solutions to help optimize content across devices.
more...
No comment yet.
Rescooped by Agathe-Sevegrand from Time to Learn
Scoop.it!

Responsive web design: Présentation et Tutoriel

Responsive web design: Présentation et Tutoriel | Responsive design & mobile first | Scoop.it

Qu'est-ce que le responsive web design? Cet article vous expliquera tout, avec un tutoriel basé sur une pizzeria pour le clôturer.


Via Frédéric DEBAILLEUL
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

27 Web Apps & Resources for Responsive Mobile Design | SpyreStudios

In this showcase I've collected some amazing online resources and web applications to help with responsive design. The best part is how you don't need to study into these ideas too much.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

London Device Library

The London Device lab hopes to make testing responsive web sites and applications easier for developers by making a range of devices open and free to use.

As a developer it's hard to get a hold of / be able to afford more than 2 devices a year so I was inspired by Jeremy Keith and Remy Sharp when they mentioned the lab at Clearleft and decided London needed this too.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Apple’s .mobi insanity - QuirksBlog

Oh my God, oh my God. Apple thinks it has a bright idea, but craps all over your beautiful responsive sites. Even worse, it’s being inconsistent from iPhone to iPad. I don’t know what they were smoking when they thought this up, but I want some.

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

LukeW | Breaking Dev: How BBC Fell in Love with Responsive Design

In his "Moving Swiftly: The story of how BBC News fell in love with Responsive Web Design" talk in Dallas, TX Tom Maslen walked through why the BBC used responsive Web design for their new mobile site and the principles they applied along the way. Here's my notes from his talk:

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

LukeW | Breaking Development: Responsive Design Vs Separate Mobile Sites

In his Responsive Design Vs Separate Mobile Sites: Presidential Smackdown Edition talk at Breaking Development in Dallas, TX Brad Frost evaluated separate mobile site solutions vs. responsive Web design solutions against how they meet mobile user needs. Here's my notes from his talk:
more...
No comment yet.