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 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>
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.
Newsletters, huit clés pour les réussir et les diffuser
Utile, originale, concise, bien titrée… voici huit conseils clés pour réussir sa newsletter à l’heure de l’infobésité et bataille pour l’attention. 1. Soyez utile, au sens large du terme 25/12/18. Ce premier point ressemble fort à un enfoncement de porte ouverte et pourtant… combien de contenus éditoriaux ne répondent pas ou mal à cette condition essentielle. Il a selon moi quatre grandes catégories de services à rendre au lecteur.
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.
Tester l’accessibilité d’une page web ou d’un PDF avec NVDA - Atalan, le Blog
La question revient souvent : comment tester une page web ou un PDF avec un lecteur d’écran ? Nous avions déjà publié sur ce blog la référence des gestes de VoiceOver sous iOS et la référence des gestes de TalkBack sous Android, c’est désormais le tour de NVDA. NVDA est un lecteur d’écran gratuit et open-source pour l’environnement Microsoft Windows. Un lecteur d’écran est utilisé par les personnes aveugles ou malvoyantes, il restitue l’information affichée à l’écran sous la forme d’une synthèse vocale et/ou d’une plage braille. Préambule
Quelles méthodes et outils pour organiser sa veille informationnelle ? 2019
La veille informationnelle ou veille digitale permet d’anticiper les nouvelles tendances et évolutions de votre marché et de vos concurrents. À l’heure de la transformation digitale, il est vivement recommandé aux entreprises de faire de la veille, celle-ci peut être une veille collaborative ou une simple veille concurrentielle. Nous recommandons pour cela d’utiliser une plateforme de veille ou un logiciel de veille faisant office d’agrégateur de flux RSS. Il vous est bien sûr possible d’utiliser d’autres outils en ligne comme vous le verrez plus loin.
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.
RSS : qu'est-ce que c'est, comment en profiter ?
Derrière ce terme abscons, se cache un outil pratique et simple pour diffuser du contenu et, à l'autre bout de la chaîne, se tenir au courant des mises à jour de ses sites favoris. Un flux RSS est un format de fichier particulier dont le contenu est produit automatiquement (sauf cas exceptionnels) en fonction des mises à jour d'un site web. Ce contenu est laissé au libre choix du producteur du flux, mais très généralement se compose des titres des mises à jour de pages ou d'articles (par exemple : "nouvelle promotion"), des liens hypertextes correspondants, et de descriptions, en quelques lignes, de ces mises à jour (par exemple : "Prix sacrifiés sur la mémoire pendant trois jours. Profitez-en").
Dossier Curation : Comment partager sa revue de presse sur les réseaux sociaux 5/6
Voici le cinquième et avant-dernier volet de ce dossier consacré à ma pratique de la curation de contenus. Créer et alimenter une revue de presse, fruit de la curation, c’est une chose. La partager, c’est encore mieux. Voici comment j’utilise les réseaux sociaux pour diffuser les contenus sélectionnés, et surtout pourquoi je le fais. L’intérêt de diffuser les contenus que je sélectionne n’est pas de battre des records d’audience. Si je cherchais à atteindre cet objectif, j’aurais probablement alimenté un blog avec toute cette matière.
Tutoriel Vidéo Curryfication
Dans cette vidéo nous allons découvrir le principe de la curryfication. Ce principe de programmation fonctionnelle permet de transformer une fonction qui attend plusieurs arguments en fonction à un argument qui retournera une fonction pour le reste des arguments. Par exemple cette fonction : function multiply (a, b, c) { return a * b * c } multiply(1, 2, 3) Pourra être transformée de cette manière : curry(multiply)(1)(2)(3)
Tutoriel Vidéo Redimensionnez vos images avec Glide
Dans ce tutoriel je vous propose de découvrir Glide. Un outil qui vous permettra de gérer les redimensionnement d'images au travers d'appels HTTP. Il existe plusieurs options lorsqu'il s'agit de générer les différents formats d'images nécessaires au fonctionnement de votre application.
Un très bon complément au CV et au profil Linkedin Quand on débute dans l'informatique, notre plus grande problématique est de montrer à un recruteur ou à un client ce dont nous sommes capable avant même d'avoir eu l'occasion de le rencontrer en entretien. Nous avons le sacro-saint CV qui est toujours présent et très important à l'esprit de nos interlocuteurs mais je trouve qu'il a énormément de limites. Il ne permet pas de mettre facilement en valeur nos compétences techniques et malheureusement, pour moi, ne favorise que les personnes qui ont un parcours extrêmement stable avec des expériences longues (en gros, ceux qui ont une vie bien formatée par rapports aux attentes de la société actuelle).
