Responsive design

Le Responsive web design utilise des mises en page et des images flexibles, ainsi que des requêtes média de feuilles de style en cascade. Le responsive design permet aux pages Web de s'adapter à la taille ou à l'orientation de l'écran des visiteurs et d'ajuster la mise en page en conséquence. Le responsive design est une approche quelque peu rétro de la conception de sites Web qui résout un grand nombre de problèmes de conception causés par la prolifération de nouveaux types d'appareils mobiles. Les pages de conception réactive utilisent des coordonnées x et y sur une grille pour la mise en page et des pourcentages mathématiques pour les images au lieu de paramètres de largeur fixe. L'utilisation de pourcentages au lieu de paramètres de largeur fixe et d'une grille permet de créer une mise en page plus fluide qui se redimensionne en fonction de la taille de l'écran. Le CSS en cascade (CSS) permet aux développeurs de définir le moment où certains styles prennent effet à l'aide de requêtes média. Avec CSS2, par exemple, une requête média permet d'afficher des feuilles de style imprimables si nécessaire. CSS3 offre des capacités de requête étendues qui permettent de cibler les feuilles de style en fonction de l'affichage d'un périphérique et de servir une feuille de style pour ordinateur de bureau, tablette ou smartphone en fonction de la réponse à la requête.

Vous pouvez également être intéressé
  1. Design pattern Définition - Que signifie Design Pattern? Un modèle de conception est une solution reproductible à un problème de génie logiciel. Contrairement à la plupart des solutions spécifiques aux programmes, les modèles de conception sont utilisés dans de nombreux programmes. Les modèles de conception ne sont pas considérés comme un produit...
  2. Culture centrée sur le design Une culture centrée sur le design dans les entreprises est une culture qui met l'accent sur l'expérience de l'utilisateur final. Une culture de la pensée design est davantage centrée sur la personne que sur les données. Les stratégies de design thinking ont un impact sur la façon dont une organisation...

Chris Converse, de Codify Design Studio, présente les éléments fondamentaux de la conception réactive.

  1. ODM (original design manufacturer) ODM (original designer manufacturer) désigne une entreprise qui prend les spécifications d'un individu ou d'une entreprise et crée le design en fonction de ces spécifications. Les ODM permettent aux entreprises de mettre rapidement un produit sur le marché sans avoir à le concevoir de A à Z et sans avoir...
  2. Security by design La sécurité par la conception est une approche du développement de logiciels et de matériel qui vise à rendre les systèmes aussi exempts de vulnérabilités et imperméables aux attaques que possible grâce à des mesures telles que des tests continus, des garanties d'authentification et le respect des meilleures pratiques de...

Les développeurs n'ont pas à créer un site Web mobile. Cela signifie souvent qu'ils doivent écrire un nouveau code. Au lieu de cela, les développeurs peuvent construire plusieurs feuilles de style et éventuellement même affecter des images différentes à chaque feuille de style. Ainsi, le code HTML peut être réutilisé au lieu d'être réécrit, ce qui permet de gagner un temps de développement considérable.