One Chapter A Day
ONE CHAPTER A DAY Un chapitre... presque tous les jours !

Programmation

© Jixar
© Pedro Ribeiro Simões

Programmation0

Avez-vous déjà entendu parler du fameux Project Euler ? Non, jamais ?! Vraiment ? Et pourtant, il rapproche plus de 440 000 utilisateurs dans le monde entier ! La popularité du projet Euler ne cesse de croître au fil des années auprès notamment des développeurs, des étudiants des filières scientifiques, ou simplement des adultes passionnés en mathématiques. Et pour cause... Le project Euler Le projet Euler commence le 5 octobre 2001 en tant que rubrique sur le site MathsChallenge.net. Cette initiative née du clavier de Colin Hughes est aussi une manière de rendre hommage au travail du mathématicien et physicien d'origine suisse Leonhard Euler. Il consiste en une multitude de problèmes plus ou moins faciles à résoudre : il en

Lire la suite
© christelle.

Programmation0

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 quelque 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. J'ai eu l'extrême chance de pouvoir y participer, et c'est dans ce cadre que j'ai réellement pu prendre conscience des énormes progrès qu'il nous reste tous à faire en matière de performance dans le monde du web. Un évènement O'Reilly Velocity, c'était avant tout un évènement regroupant plusieurs sérieux protagonistes du web organisé par

Lire la suite
© Emily Mathews

Programmation0

La propriété content en CSS permet d'afficher du texte en CSS pour bien des navigateurs. Cette propriété est d'ailleurs plutôt bien supportée, car même Internet Explorer 8 est en mesure de la comprendre. Bon, Internet Explorer 7 ne comprend pas cette propriété, mais comme dirait Uma Turman pour Schweppes "Hey, what did you expect ?". :) Seulement voilà, on peut parfois se retrouver bien embêté à l'utilisation de cette propriété content, car certains caractères, liés à la ponctuation, ne sont pas correctement encodés directement 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 commencent toujours par un antislash. Je vous propose aujourd'hui un tableau, non exhaustif, de

Lire la suite
© Tabsinthe

Programmation2

Décidément, tous les jours je suis bluffée par le CSS ! Saviez-vous qu'il était possible de compter automatiquement des lignes, des blocs, des entités HTML en CSS ? Je ne parle pas de l'utilisation des balises <ol> qui permettent de compter les éléments d'une liste. Je veux parler de la fonction counter() ! On peut imaginer toutes sortes de cas dans lesquels il serait utile de compter automatiquement des éléments. A 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 apparaisse pour le référencement. On pourrait aussi ajouter le nombre de lignes que possède un bloc de code, et ainsi empêcher que ses chiffres apparaissent lors d'un copier/coller. On pourrait aussi numéroter les images d'une seule page, en les indiquant au lecteur grâce à des annotations du

Lire la suite
© Can I Use

Programmation0

Je vous en parlais il y a quelques semaines alors que je vous présentais ce que sont l'amélioration progressive et la dégradation élégante ou encore en décembre dernier alors que je vous parlais de la propriété hyphens en CSS... Le site Can I Use est un utilitaire permettant de rapidement visualiser quels navigateurs implémentent les dernières fonctionnalités du web. Pour ma part, j'utilise ce site à chaque fois que je tombe sur une nouvelle spécification du web et que je ne connais pas son comportement sur l'ensemble des navigateurs. C'est devenu une sorte de réflexe chez moi, qui m'a permit d'éviter bien des soucis, et d'accroître mon temps de développement... Depuis le 19 juillet, Can I

Lire la suite
© DRiNCHEV

Programmation2

Je viens de tomber sur le lien utile du jour : une police entièrement faite d'icônes de réseaux sociaux. Ça pourrait vous sembler être une idée farfelue, ou alors un lien simplement utile pour les graphistes. Mais grâce à la propriété font-face en CSS, un panel de possibilités s'ouvre également aux développeurs. Quoi qu'il en soit, profitez ici de la Mono Social Icons Font. Celle-ci propose un grand nombre de réseaux sociaux représentés : 500px, Amazon, AOL, Apple, Behance, Bing, Blogger, Delicious, Deviantart, Ebay, Facebook, Google +, Grooveshark, iTunes, LinkedIn, MSN, Soundcloud, Twitter, et bien d'autres encore ! Et avec Mono Social Icons, il est aussi possible de profiter de toutes ces icônes sous la forme d'un carré et d'un cercle. Les avantages d'une police pour les

Lire la suite
© Amusing Time

Programmation0

En voilà une idée saugrenue, non ?! Tel est le challenge que s'est pourtant donné Chris Pattle, un développeur reconnu de la communauté du web originaire du Royaume-Uni. Le CSS devient un langage extrêmement puissant, que bien des personnes sous-estiment à nos jours ! Chris Pattle s'est donc mis à décomposer chacun des personnages qu'il a eu envie de représenter en plusieurs formes géographiques, qu'il s'est amusé à superposer. Ainsi, en HTML, la tête d'Homer Simpson ressemble à ça : <div id="homer"> <div class="head"> <!-- Cheveux et haut de la tête --> <div class=

Lire la suite
© heydonworks

Programmation0

revenge.css vous fera sans aucun doute sourire ! Cette feuille de style CSS été créée pour dénoncer les comportements dépréciés en HTML d'une page sur le web. revenge.css utilise ainsi la propriété content ainsi que le sélecteur :after. Mais ne vous attendez pas à ce qu'il vous prévienne "cordialement" ! revenge.css se venge, comme son nom l'indique ! Tous les liens malformés, les attributs dépréciés pour un doctype prédéfini, les éléments en blocs dans les éléments "en ligne", et bien d'autres erreurs encore, vous seront signalés par le biais d'un message sur fond rouge écrit en... Comic Sans, bien sûr ! Sur HeydonWorks, vous trouverez donc un petit marque-page à glisser dans vos favoris. Et ensuite, vous pourrez

Lire la suite
© oskay

Programmation4

Dans le monde du web, on oublie souvent de penser à l'impression quand on crée le design d'une page. Et 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. Ayant travaillé à plusieurs reprises sur ce type de projet, j'ai pu répertorier une liste non-exhaustive des points à surveiller attentivement. Mettre en place des règles CSS pour l'impression Dans un premier temps, il convient de préciser aux navigateurs les règles CSS qui doivent être uniquement apposées dans le cas d'une impression. Il existe deux manières simples de parvenir à cet effet. La

Lire la suite
© Dmitri

Programmation2

C'est réellement intéressant de voir à quel point dans le monde du web, on oublie que finalement, le support papier reste celui préféré pour la lecture. J'ai notamment eu la curiosité d'observer mes sites et quelques-uns des sites que je consulte régulièrement en mode Apercu avant l'impression : le résultat en est plutôt surprenant. J'estime que 95% des sites sont incompatibles avec la notion d'impression. Pour ce qui est du rendu des articles de ce blog à l'impression, celui-ci a été optimisé : la plupart des informations annexes à l'article ont été supprimées. Mais je m'aperçois en écrivant cet article, qu'il me reste un souci de marges légèrement étroites à corriger ! (Je le ferai ce week-end, si j'en trouve le temps !) Le papier présente en premier lieu l'avantage de proposer une navigation rapide des textes. A tout moment, le

Lire la suite