Color Theory for Designers, Part 1: The Meaning of Color

Faut-il intégrer les balises sémantiques Schema.org dans ses pages ? Sur le Web, on entend souvent parler de "balises sémantiques" (ou de "données structurées" selon l'appellation googlienne), alors que ces patronymes désignent en fait deux domaines connexes mais différents : - Les "rich snippets" ou enrichissement des pages de résultats de Google à l'aide d'informations textuelles ou graphiques (photos, étoiles, nombre d'avis, prix, disponibilité, temps de préparation...) pour certains types de données très spécifiques (produits, avis, recettes de cuisine, événements, personnes, entreprises, musique, apps, vidéos, etc.). - Les balises Schema.org, format introduit par les 3 moteurs majeurs en 2011, pour unifier les différents standards existants jusqu'alors (microdonnées, RDFa, microformats).

Mémento des propriétés CSS - Apprenez à créer votre site web avec HTML5 et CSS3 <div class="alertMessage"><span class="bullet bullet--small bullet--orange alertMessage__icon"><i class="icon-exclamation"></i></span><p class="alertMessage__text"> Veuillez utiliser un <a href=" internet moderne</a> avec JavaScript activé pour naviguer sur OpenClassrooms.com </p></div>

sans titre Ahhh, les calques ! On y est enfin ! Je vous l'annonçais, il s'agit selon moi de la fonctionnalité la plus importante de Photoshop ou de tout autre logiciel similaire. Les calques font partie intégrante du logiciel et, qui plus est, ils sont clairement essentiels pour travailler, vous allez vite comprendre pourquoi. 50 termes de typographie à connaître pour optimiser le contenu de son site Le monde de la typographie est plein de termes spécifiques. Que vous vous essayez à lacréation de votre propre site ou que vous ayez recours à un webdesigner professionnel, connaître ces termes pourrait vous être d’une grande aide. Car derrière une apparence complexe, ces termes révèlent un savoir qui peut vous aider àoptimiser la lisibilité et l’apparence de votre site web. Et comme nous l’avons vu dans un article précédent (19 générateurs de palettes de couleurs pour simplifier le web-design), l’apparence de votre site est capital pourattirer l’œil, inciter un internaute à rester sur votre site, et même à y revenir ultérieurement. Voici donc la liste de50 termes en la matière qu’il peut être utile de connaître :

Mémento des balises HTML - Apprenez à créer votre site web avec HTML5 et CSS3 Cette page est une liste non exhaustive des balises HTML qui existent. Vous trouverez ici un grand nombre de balises HTML. Nous en avons déjà vu certaines dans le cours, mais il y en a d'autres que nous n'avons pas eu l'occasion d'étudier. Généralement, les balises que nous n'avons pas étudiées sont des balises un peu plus rarement utilisées.

Une grille ? - Prenez en main Bootstrap Le principe d'une grille Une grille est tout simplement un découpage en cellules : On peut alors décider d'organiser du contenu en utilisant pour chaque élément une ou plusieurs cellules : La grille de Bootstrap comporte 12 colonnes comme dans l'illustration précédente.

Découvrez les exigences en matière d'accessibilité - Concevez un contenu web accessible Découvrez WCAG L'un des principaux défis en matière de création de contenu accessible est qu'il peut être difficile d'envisager tous les moyens différents dont les utilisateurs peuvent être amenés à interagir avec les sites web. Afin d'aider les concepteurs à appréhender les éléments nécessaires pour rendre leurs sites plus accessibles, le World Wide Web Consortium (W3C) a élaboré les Règles pour l'accessibilité des contenus web (Web Content Accessibility Guidelines, ou WCAG). La première version reposait sur des critères et technologies spécifiques, raison pour laquelle le document a très vite perdu en pertinence, les changements étant extrêmement rapides sur le Web. Par conséquent, lorsque le document a été actualisé, il a été restructuré de manière vraiment intelligente.

Utilisez le responsive design avec les Media Queries - Apprenez à créer votre site web avec HTML5 et CSS3 Bon, changer la couleur du texte, c'est bien joli, mais cela n'apporte pas grand-chose. Par contre, cela devient de suite plus intéressant quand on se sert des media queries pour modifier l'apparence de son site en fonction de la résolution. Vous allez voir qu'on peut faire tout ce qu'on veut ! Pour cet exemple, je vous propose de reprendre le design que nous avons créé pour le site web de Zozor (figure suivante). Le site est bien adapté à la plupart des résolutions d'écran mais, quand l'écran est plus petit que 1 024 px, il devient nécessaire de « scroller » vers la droite pour voir toute la page. Le site n'est donc pas très pratique à consulter sur un petit écran.