/ / Qu'est-ce que le responsive design?

Qu'est-ce que le design adaptatif?

La conception de sites Web réactifs est apparue relativementrécemment. En tant que concept, il a été introduit par I. Marcott en 2010. Cette phrase signifie que lors du développement et de la création du site, des méthodes et des techniques ont été utilisées qui vous permettent d'afficher des informations sur les petits et les grands appareils. Dans ce cas, l'utilisateur n'a aucun inconvénient particulier.

conception adaptative

Actuellement, vous pouvez accéder à Internet à partir deordinateurs, ordinateurs portables, netbooks, iPhones, iPads, téléphones avec une grande variété d'écrans, etc. Faire la version de votre site pour chaque appareil est assez cher. Et dans ce cas, la conception adaptative vient à la rescousse.

Les méthodes que cette direction utilise incluent:

- "Adapter" la page Web à différentes tailles et résolutions d'écran;

- учет такого явления как тачскрин, которое не implique l'utilisation de la souris (ici, ils font également attention à l'indésirabilité du menu sur le côté gauche, car les utilisateurs sont principalement des droitiers, ce qui implique un «pâturage» périodique du menu lorsque l'appareil est dans la main gauche);

- l'utilisation d'images dynamiques, quichanger leurs tailles (ici, les développeurs ont deux problèmes principaux - la vitesse de téléchargement et la prise en charge de la configuration des pages pour tous les navigateurs; par exemple, certaines versions d'Internet Explorer ne prennent pas en charge l'option largeur maximale 100% en CSS);

- changer la configuration de la disposition entière du site lorsquel'appeler à partir de divers gadgets (les spécialistes pratiquant la conception adaptative prêtent attention à l'option utile des requêtes de médias CSS, qui permet de prescrire le style principal et "d'affiner" les paramètres pour différents écrans);

site Web adaptatif

- travailler avec du contenu, en supposant que pourles principaux formats choisis un contenu facile à lire sans perte de contenu informatif (par exemple, pour les versions téléphoniques, il est judicieux de changer de grandes photos publicitaires en liens, etc.);

- création de ressources à une colonne;

- reformater des tableaux ou présenter des données sous forme de diagrammes / images;

- former un menu déroulant;

- contrôle répété des résultats obtenus.

La conception réactive évolue assez rapidement(avec une augmentation du nombre et du type d'appareils, ainsi que des utilisateurs d'Internet). Par conséquent, aujourd'hui, vous pouvez trouver de nombreux exemples de sites réalisés en utilisant cette technique, ainsi que des programmes qui vous permettent de créer des grilles "en caoutchouc" ou de générer des sites prêts à l'emploi, n'ayant que des connaissances de base en html et CSS.

tout sur le design

Vous pouvez tout apprendre sur la conception de sites Web en passant parplusieurs étapes, y compris le travail avec des éditeurs graphiques, ainsi que l'apprentissage des bases de la mise en page, ce qui vous permet non seulement de dessiner une belle image et des polices, mais aussi d'avoir une idée de la façon dont les détails peuvent être «transférés» à l'écran à l'aide d'outils de programmation. Cette combinaison de compétences vous permet d'éviter des «altérations» inutiles et des malentendus de la part de ceux qui mettront en œuvre les idées de conception. L'éducation artistique professionnelle et les connaissances dans le domaine de la photographie ne seront pas superflues. Et les "ases" connaissent aussi des langues étrangères, car principalement sur des ressources en langue anglaise, de nouveaux articles et techniques intéressants sont publiés, y compris ceux étiquetés «Responsive Design».