background preloader

Responsive Web Design

Responsive Web Design

http://alistapart.com/article/responsive-web-design

Related:  Responsive + Fluid

Thèmes wordpress Gratuit Responsive design Qu’est ce que le Responsive design ? On peut qualifier de Responsive design toute interface qui s’adapte au terminal qui l’utilise. Ainsi l’interface d’un site sera optimisé pour chaques terminaux et switchera la plupart du temps entre 3 – 2 – 1 colonnes. Pourquoi adopter un thème Responsive L’avantage évident est d’avoir un site optimisé pour l’ensemble des terminaux. Si vous possédez un blog, il doit vous arriver de partage vos articles sur les médias sociaux, ces derniers étant très consommés sur les smartphones vous aurez un certain nombre de visiteur qui visiteront votre site depuis un mobile, votre blog s’affichera donc en 1 seul colonne adapté à la largeur de l’écran. Typographie web : gérer la taille du texte avec les « em » Ce tutoriel présente l'unité em et la démarche à suivre pour l'utiliser à bon escient, ainsi que quelques conseils pour vous aider à assurer autant que possible la lisibilité du texte sur votre site… et donc à en améliorer la qualité générale. Pour concevoir un site web dont le texte sera lisible par tous, quelle que soit la configuration matérielle ou les besoins spécifiques de l'utilisateur, il faut permettre le redimensionnement du texte. Cela implique l'abandon des tailles de texte en pixels, et l'utilisation d'unités relatives, qui ont deux caractéristiques principales : contrairement aux tailles indiquées en pixels, elles permettent l'agrandissement du texte « à la volée » (après le chargement de la page), même avec les réglages par défaut d'Internet Explorer pour Windows ; elles se basent sur la taille du texte par défaut indiquée par l'utilisateur dans les préférences de son navigateur. Qu'est-ce qu'un « em » ? Un peu d'histoire…

Innovations - Le responsive design: le nouveau visage d'Internet? Publié le 05 janvier 2012 Les usages digitaux évoluent et entrainent dans leurs sillages une prolifération des supports. Portables, tablettes, ordinateurs, netbooks ou smartphones, le défi à venir sera de pouvoir harmoniser cette démultiplication de l’écran. Eclairage par Dagobert dans sa dernière étude sur le sujet… HTML 5 : Donner du sens au texte Dans le chapitre précédent nous avons vu entre autres comment structurer son texte avec les balises de paragraphes et les titres, dans celui-ci nous allons approfondir le sujet. Les listes Il existe plusieurs types de listes : les listes non ordonnées, les liste ordonnées et les listes de définitions. Les listes non ordonnées (ul) Les listes non ordonnées aussi appelées listes à puces servent comme leur nom l’indique à lister des éléments de contenu sans ordre particulier.

HTML5 se dévoile Le brouillon officiel (working draft) de HTML5 a été publié officiellement le 23 avril 2009 et depuis de nombreuses avancées ont été accomplies, les navigateurs supportant toujours plus de fonctionnalités et de nouveautés. La nouvelle génération du langage de balisage HTML remplacera à long terme HTML 4, XHTML 1.x et XHTML 2 qui a été abandonné. Profitons de cette occasion pour faire un tour d'horizon de cette nouvelle version de HTML. Consultez également toutes nos autres ressources HTML5 Qu'est-ce que c'est HTML5 ?

Related:  Responsive Web DesignWeb BuildingPrinciples & techniquesResponsive DesignResponsivewebResponsive DesignResponsive Web Design