La conférence Velocity d’O’Reilly, une expérience enrichissante

Copyright : One chapter a day

Tous les acteurs du web souffrent des mêmes problématiques, à savoir réussir à proposer aux utilisateurs de leurs sites un chargement de leurs pages rapide, posséder une infrastructure leur permettant d’être sereins quelle que soit la charge de leurs serveurs, proposer sans cesse une fiabilité sans pareille de leurs services, etc.. C’est dans l’objectif de fournir quelques éléments de solutions à ces questions que se tenait, il y a un peu plus de deux mois, la conférence Velocity dans la ville de Barcelone en Espagne. Un évènement O’Reilly Velocity, c’était avant tout un évènement regroupant plusieurs sérieux protagonistes du web organisé par la maison d’édition O’Reilly. Le groupe O’Reilly Media a été fondé en 1978 par Tim O’Reilly, un passionné … Continuer la lecture de « La conférence Velocity d’O’Reilly, une expérience enrichissante »

Ponctuation et CSS content

Copyright : Emily Mathews

La propriété content en CSS permet de composer du texte via le langage CSS. Cette propriété est assez bien supportée par les navigateurs actuels car même Internet Explorer 8 est en mesure de la comprendre. Seulement voilà, on peut parfois se retrouver bien embêté à l’utilisation de content car certains caractères, liés à la ponctuation, ne sont pas correctement encodés dans les feuilles de style. Il faut en réalité utiliser la valeur Unicode de ces caractères si l’on souhaite les voir s’afficher avec les sélecteurs :before et :after. Les valeurs Unicode ont pour particularité de toujours commencer par un antislash. Ci-dessous un tableau non exhaustif des caractères liés à la typographie et la ponctuation et leur équivalence en langage HTML, ASCII et … Continuer la lecture de « Ponctuation et CSS content »

Compter le nombre d’éléments en CSS grâce à la fonction counter()

Copyright : Brina Blum

Il est possible de compter automatiquement des lignes, des blocs et des entités HTML en CSS. Il n’est pas question ici d’utiliser la balise <ol> qui permet de compter les éléments d’une liste, mais de profiter de la fonction counter(). Cette fonction se révèle utile à bien des égards. À titre d’exemple, on pourrait s’en servir pour compter et numéroter les différents sous-titres d’une page sans que cette donnée de lecture n’apparaisse pour le référencement. On pourrait aussi ajouter le nombre de lignes que possède un bloc de code et empêcher ainsi que ses chiffres apparaissent lors d’un copier-coller. On pourrait également numéroter les images d’une page et indiquer ce nombre avec des annotations comme « Figure 1 » dans les légendes de ces images. … Continuer la lecture de « Compter le nombre d’éléments en CSS grâce à la fonction counter() »

Utiliser une police d’icônes pour les réseaux sociaux

Copyright : Thought Catalog

Les réseaux sociaux sont aujourd’hui des moyens de dissémination indéniables pour les sites Web. Toutes les entreprises qui travaillent sur leur stratégie de communication digitale sont obligées de réfléchir à comment aborder les réseaux sociaux. Une entité a tout intérêt à se construire une communauté sur ces plateformes pour avoir une certaine visibilité sur la toile. Ainsi les icônes des réseaux sociaux, reconnaissables d’entre mille, sont largement utilisées sur les sites Web. Utiliser une image pour les présenter, c’est bien ; utiliser une police d’icônes, c’est encore mieux ! Ci-dessous une synthèse de ce qu’implique l’utilisation d’une police pour les icônes des réseaux sociaux. Les avantages d’une police pour les icônes Utiliser une police pour les icônes ou tout autre petite image telle … Continuer la lecture de « Utiliser une police d’icônes pour les réseaux sociaux »

Mettre en place une feuille de style pour l’impression

Copyright : Kara Eads

Dans le monde du Web, on oublie souvent de penser à l’impression quand on crée le design d’une page. Pourtant l’internaute à la recherche d’informations aura sans aucun doute recours à l’impression si le contenu de la page qu’il parcourt lui semble pertinent. Aujourd’hui, très peu de sites implémentent une feuille de style dédiée à l’impression en présumant que leurs informations apparaissent conformément à leurs attentes. Malheureusement, c’est rarement le cas. Ci-dessous une liste non exhaustive des points à surveiller attentivement lors de la création de cette feuille de style. Créer des règles CSS pour l’impression Dans un premier temps, il convient de préciser aux navigateurs les règles CSS qui sont uniquement réservées à l’impression. Il existe deux manières simples de parvenir … Continuer la lecture de « Mettre en place une feuille de style pour l’impression »

Les enjeux du CSS pour l’impression

Copyright : Caleb George

Il est intéressant de voir à quel point dans le monde du Web, on oublie que le support papier reste celui préféré pour la lecture. Peu de sites aujourd’hui ne prêtent attention à cette statistique et leur « aperçu avant impression » laisse parfois à désirer. 95% des sites sont incompatibles avec la notion d’impression. Pourtant le papier présente l’avantage d’un parcours rapide des textes. À tout moment, le lecteur a la possibilité de choisir son passage à lire. Il a en outre la possibilité d’y annoter des éléments sans altérer l’œuvre principale. Par ailleurs, d’après Jakob Nielsen, professeur, écrivain et consultant sur l’ergonomie du Web et le web design, la lecture sur écran est en moyenne 25% moins performante que la lecture … Continuer la lecture de « Les enjeux du CSS pour l’impression »

Publicité digitale et revenus

Copyright : Luca Bravo

Il existe plusieurs manières de générer du profit au moyen de la publicité digitale. Ces différentes techniques sont à implémenter en corrélation avec le système économique d’un site : selon la notoriété de celui-ci, le type d’annonces publicitaires ne sera pas le même, le mode de paiement de l’annonceur sera également différent. Il existe aujourd’hui trois principales modalités de paiement possibles à négocier par les agences ou les annonceurs : le coût pour mille, le coût par clic et le coût par action. Les notions d’annonceur, d’éditeur ou d’habillages sont définies dans l’article sur l’organisation autour de la publicité digitale. Le coût pour mille (CPM) Le coût pour mille affichages (CPM) est réservé aux sites dont la notoriété est forte. L’annonceur paie … Continuer la lecture de « Publicité digitale et revenus »

L’organisation autour de la publicité numérique

Copyright : A-Lister

Le nombre d’internautes étant en constante augmentation, il existe un véritable enjeu en matière de publicité digitale : profiter du dynamisme de l’offre sur Internet et pousser l’utilisateur à commettre un acte de consommation. Pour la mise en place d’espaces publicitaires sur des sites à la notoriété indéniable, un certain nombre d’acteurs entrent en jeu. Les acteurs de la publicité digitale On retrouve dans un premier temps les annonceurs. Un annonceur est l’entité désireuse de présenter ses services sur d’autres supports et d’autres sites que le sien. Pour s’assurer une représentation importante, l’annonceur est donc prêt à négocier des emplacements publicitaires sur des sites plus ou moins importants. Les agences détentrices d’un bien de valeur possèdent un fort intérêt pour les … Continuer la lecture de « L’organisation autour de la publicité numérique »

Amélioration progressive et dégradation élégante

Copyright : Steven Depolo

Aujourd’hui aucun navigateur ne peut prétendre permettre l’utilisation de toutes les spécifications de l’HTML5, ni même de toutes les propriétés prévues pour le langage CSS3. Ces langages restent néanmoins utilisables et permettent de simplifier la vie des développeurs. On peut alors avoir recours à deux grands procédés pour mettre en place ces nouvelles fonctionnalités de façon à ce qu’elles soient au maximum comprises des navigateurs : l’amélioration progressive et la dégradation élégante. Qu’est-ce-que l’amélioration progressive ? L’amélioration progressive consiste à créer d’abord des fichiers compréhensibles et interprétables par tous les navigateurs, pour ensuite y ajouter des améliorations visuelles et/ou sémantiques pour tous les navigateurs qui peuvent les comprendre. Il s’agit donc de créer des pages Web « basiques » qui seront par la suite … Continuer la lecture de « Amélioration progressive et dégradation élégante »

The Web Designer’s Idea Book de Patrick McNeil

Copyright : Andy Sowards

The Web Designer’s Idea Book est une série d’ouvrages de Patrick McNeil dont le premier volume paraît en septembre 2008 chez HOW Books. Cette collection permet de suivre les tendances graphiques actuelles et de mieux assimiler les concepts liés au Web design. Dans ce premier tome de The Web Designer’s Idea Book, près de sept cents sites sont référencés afin de fournir aux lecteurs un ensemble de bonnes pratiques pour la conception de maquettes Web. Ces différents sites sont classés selon leur type, leur appartenance structurelle d’un point de vue design, les couleurs prédominantes de leurs pages Web ou encore leurs thèmes. Comme l’explique l’article The Elements Of Design de Joshua David McClurg-Genevese (directeur artistique et designer senior de la société American Electric Power), des éléments de … Continuer la lecture de « The Web Designer’s Idea Book de Patrick McNeil »