Lectures web

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.

 

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,

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.

The bootstrap tools and generators are its add-ons, prestyled components of library, and other features. These ultimate resources of templates, generators, and utilities.

Get the most out of your WordPress-powered site with these awesome tips and tricks for testing WordPress themes.

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.

In this article, we will cover some of the CSS patterns used by Web developers to tame the visual layout of form elements.

This article talks about 5 concepts of telling multi-screen stories and how we can use them to create exciting, digital experiences.

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.

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

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 ...

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).

Une nouvelle passée presque inaperçue. Il semblerait que Google lance d'ici quelques mois un outil de développement html5.

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!

In this article, we’ll provide practical guidelines that you can easily follow.

This article explores how sections can improve your document structure and solve problems, and why they are an important contribution to the semantic Web.

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.

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.

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