Lectures web
57
Divers articles, ressources, ...
Follow
Scooped by Agathe-Sevegrand onto Lectures web
Scoop.it!

UICloud – User Interface Design Search Engine

UICloud collects the best user interface designs from the internet all over the world and provides a search engine for you to find the best UI element that you need.
No comment yet.
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive design. Ou comment faire entrer une girafe dans une Twingo en trois temps

Responsive design. Ou comment faire entrer une girafe dans une Twingo en trois temps | Lectures web | Scoop.it

Admettons que votre site web soit une girafe. Que l’écran d’ordinateur soit un véhicule. Et que, pour une raison bizarre, vous souhaitiez faire entrer la girafe dans la voiture. C’est la question à laquelle nous allons tenter de répondre ici.

La girafe et la Twingo

A ses débuts, Internet s’est répandu dans les foyers grâce aux ordinateurs fixes. Afficher un site sur un écran de pc était alors une entreprise facile : cela revenait à faire entrer une girafe dans un bus londonien. Les sites étaient conçus pour apparaître sur ce format d’écran.

Mais Internet s’invite maintenant dans la rue et devient mobile : netbooks, tablettes, smartphones… Les supports se multiplient, et sans la moindre norme. A chaque marque, chaque modèle, chaque support, correspondent des tailles d’écran et des formats spécifiques. On en arrive au final à ça : il existe actuellement plus de 4500 résolutions d’écran différentes sur le marché !

 

Or, si afficher un site web sur un écran 19 pouces est aisé, afficher le même site sur un écran 3,5 pouces représente un challenge de taille : c’est vouloir faire entrer une girafe dans une Twingo.Les développeurs ont donc imaginé des techniques de sioux pour répondre à ce challenge.

 

No comment yet.
Rescooped by Agathe-Sevegrand from marketing stratégique du web mobile
Scoop.it!

Infographie : les données clés du mobile en France

Présentation des chiffres clés du mobile en France : marché, profil, usages et comportements Infographie par MyFanGroup...

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

Comment installer Android 4 sur PC (VirtualBox) !

Comment installer Android 4 sur PC (VirtualBox) ! | Lectures web | Scoop.it
Bonjour, Vous n'avez pas de tablette Android ? Voulez-vous la tester sur votre ordinateur ? Et gratuitement ? Ce tutoriel est fait pour vous ! Si vous,
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

skelJS: A framework for building responsive sites and apps.

A lightweight frontend framework for building responsive sites and apps. Provides a configurable grid system, responsive breakpoint handler, and numerous other features. MIT/GPLv2 licensed.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Le web change, les navigateurs aussi !

Ces dernières semaines plusieurs annonces clés se sont succédées dans l’univers des navigateurs internet. Opera migrant sur Chromium, Chromium migrant sur Blink, Mozilla s’alliant avec Samsung pour le développement de Servo et révélant FirefoxOs.

 

Tous ces changements ne sont pas anodins et sont révélateurs des changements profonds qu’a subît le web et les appareils servant à le consulter ces dernières années.

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

40 Bootstrap Tools and Generators for Web Developers

40 Bootstrap Tools and Generators for Web Developers | Lectures web | Scoop.it
The bootstrap tools and generators are its add-ons, prestyled components of library, and other features. These ultimate resources of templates, generators, and utilities.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Tips And Tricks For Testing WordPress Themes

Tips And Tricks For Testing WordPress Themes | Lectures web | Scoop.it
Get the most out of your WordPress-powered site with these awesome tips and tricks for testing WordPress themes.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Mastering CSS, Part 1: Styling Design Elements

Mastering CSS, Part 1: Styling Design Elements | Lectures web | Scoop.it
CSS is one of the most important building blocks of modern web design. Standards demand the use of CSS for formatting and styling pages, and with good reason. It’s lighter-weight and capable of much more than older methods like tables.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The Problem Of CSS Form Elements

The Problem Of CSS Form Elements | Lectures web | Scoop.it
In this article, we will cover some of the CSS patterns used by Web developers to tame the visual layout of form elements.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Fables, Myths And Narratives — Converting Our Stories Into Multi-Screen Experiences

Fables, Myths And Narratives — Converting Our Stories Into Multi-Screen Experiences | Lectures web | Scoop.it
This article talks about 5 concepts of telling multi-screen stories and how we can use them to create exciting, digital experiences.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Mobile UX Research — Exploring Ten Fundamental Aspects Of M-Commerce Usability | Smashing UX Design

Mobile UX Research — Exploring Ten Fundamental Aspects Of M-Commerce Usability | Smashing UX Design | Lectures web | Scoop.it
This article shares ten fundamental recommendations from a large-scale usability study focusing specifically on m-commerce and set out to explore the entire mobile shopping experience.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

#126: Using Modernizr | CSS-Tricks

Should Modernizr be part of every modern web project? Not necessarily. In this screencast I talk about how you need Modernizr when you plan to do something
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Anatomie d'une Parfaite Application pour vos Concours Facebook

Anatomie d'une Parfaite Application pour vos Concours Facebook | Lectures web | Scoop.it
Vous envisagez prochainement de créer votre concours Facebook ? Ou vous êtes déjà un habitué des concours Facebook mais vous souhaitez vérifier la pertinence de votre application Facebook ?
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Content first, pour une stratégie éditoriale

Content first, pour une stratégie éditoriale | Lectures web | Scoop.it
Vous avez abordé les principes du responsive design, dans lesquels les contenus s'adaptent aux largeurs d'écran des périphériques. Sachez que pour engager de manière durable cette démarche, il est ...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Starting Out Organized: Website Content Planning The Right Way

Starting Out Organized: Website Content Planning The Right Way | Lectures web | Scoop.it
So many articles explain how to design interfaces, design graphics and deal with clients. But one step in the Web development process is often skipped over or forgotten altogether: content planning.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Tester la compatibilité IE7, IE8 et IE9 avec IE10

Tester la compatibilité IE7, IE8 et IE9 avec IE10 | Lectures web | Scoop.it
Internet Explorer 10, la dernière version d'Internet Explorer à l'heure où j'écris ce billet, est le navigateur par défaut des systèmes d'exploitations Windows 8 et Windows Phone 8 (dans sa version mobile).
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Le mystère Google Webdesigner - What a fair foot !

Le mystère Google Webdesigner - What a fair foot ! | Lectures web | Scoop.it
Une nouvelle passée presque inaperçue. Il semblerait que Google lance d'ici quelques mois un outil de développement html5.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Twitter Bootstrap vs Foundation 4 - Which One Is Right For You?

Twitter Bootstrap vs Foundation 4 - Which One Is Right For You? | Lectures web | Scoop.it
Front-end frameworks are all the rage these days. But of the Top 2: Twitter Bootstrap vs Foundation 4, which one is right for you? We investigate!
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Etude Des Salaires Développeurs 2013

Etude Des Salaires Développeurs 2013 | Lectures web | Scoop.it
Le cabinet de recrutement spécialiste des métiers du web, Urban Linker, présente son étude salariale dédiée aux métiers du développement web en 2013
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

An Extensive Guide To Web Form Usability

An Extensive Guide To Web Form Usability | Lectures web | Scoop.it
In this article, we’ll provide practical guidelines that you can easily follow.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Structural Semantics — The Importance Of HTML5 Sectioning Elements

Structural Semantics — The Importance Of HTML5 Sectioning Elements | Lectures web | Scoop.it
This article explores how sections can improve your document structure and solve problems, and why they are an important contribution to the semantic Web.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The Smashing Editor’s Choice: A Free eBook

The Smashing Editor’s Choice: A Free eBook | Lectures web | Scoop.it
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A Client- And Server-Side Approach — Providing The Best Mobile User Experience Possible

A Client- And Server-Side Approach — Providing The Best Mobile User Experience Possible | Lectures web | Scoop.it
An article on how to use a hybrid client- and server-side approach to deliver a great user experience to desktop, tablet and mobile users alike.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

WebKit Image Wipes | CSS-Tricks

WebKit Image Wipes | CSS-Tricks | Lectures web | Scoop.it
It's not "spec," but WebKit browsers support image masks. If you are familiar with Photoshop, they work like that. You declare an image to use as as mask.
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Logic in Media Queries | CSS-Tricks

Just in case you have brain farts about this constantly like I do. If That's what media queries are: logical if statements. "If" these things are
No comment yet.