Clik here to view.
Tutoriel : Créer des coins arrondis en CSS et sans images
Vouloir créer facilement des blocs aux coins arrondis est un rêve de webdesigner aussi vieux que le Web lui-même. Traditionnellement, depuis les débuts du web, on réalisait ceci à l'aide de plusieurs...
View ArticleClik here to view.
Article : Les grilles dans le webdesign
"Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou...
View ArticleArticle : Display inline-block, une valeur trop peu utilisée
Floatera, floatera pas… mais pourquoi ne pas utiliser la valeur inline-block de la propriété display en CSS ? Vous connaissez certainement les valeurs block ou inline, mais moins celle de inline-block...
View ArticleClik here to view.
Article : Donnez du style à vos listes d'éléments
Modifier ou designer les puces des éléments de liste n'est pas forcément un exercice de tout repos : nous avons souvent recours aux images de fond bien que d'autres techniques, plus simples à...
View ArticleClik here to view.
Article : Firebug et le débogage d’une page web
Mais pourquoi ce bloc ne se place-t-il pas comme je lui demande ? Pourquoi ce texte est bleu alors que je lui demande d’être vert ? Vous en avez marre de faire d’innombrables allers-retours entre...
View ArticleArticle : Les bons outils pour commencer à intégrer votre site web
Vous venez de concevoir votre maquette graphique (en étant passé, on vous le souhaite, par les étapes de Zoning et de Grille) ou devez intégrer celle de votre client et vous ne savez pas par quoi...
View ArticleClik here to view.
Astuce : Un arrière-plan extensible intelligent
Certains sites affichent une (grande) image de fond qui s'adapte à toutes les dimensions de la fenêtre du navigateur, proportionnellement, sans la déformer. La réalisation de ce genre de prouesse n'est...
View ArticleClik here to view.
Tutoriel : Microformats
Les microformats ont fait leur apparition en 2003 (XFN) sous l'impulsion de personnes publiant des blogrolls (listes de blogs qui ont plu ou ont été jugés pertinents dans un domaine précis)...
View ArticleArticle : Quelles règles syntaxiques adopter en CSS ?
Le langage CSS a été initialement conçu pour demeurer simple et intuitif : des propriétés facilement compréhensibles associées à des valeurs tout aussi explicites devraient résumer le travail quotidien...
View ArticleClik here to view.
Tutoriel : Géolocalisation en HTML5
Tutoriel issu de ma présentation à la KiwiParty 2011. La géolocalisation fait partie des API gravitant autour de HTML5 (Geolocation API Specification) et des nouvelles fonctionnalités introduites par...
View ArticleClik here to view.
Tutoriel : Créer un volet coulissant en CSS3 avec :target et transition
Alors que CSS3 continue son chemin dans les validations, les réécritures et la prise en charge par les navigateurs, il y a des choses qui commencent à être plutôt bien implémentées par la plupart de...
View ArticleClik here to view.
Tutoriel : Déboguer son site mobile avec JsConsole
Le développement de site web pour périphérique mobile possède plusieurs contraintes d’envergure. Il y a à la fois les résolutions d’écrans forts divergents (de l'iPad aux premières générations de...
View ArticleClik here to view.
Tutoriel : Un menu déroulant adapté aux mobiles
La percée des terminaux mobiles tels que smartphones et tablettes impose de nouvelles règles en terme d'ergonomie et de webdesign spécifiques aux écrans de taille réduite. Les menus de navigation...
View ArticleClik here to view.
Astuce : Une page 404 intelligente sous WordPress
L'erreur 404 apparait lorsqu'une page est introuvable. C'est une erreur plus ou moins fréquente qui indique simplement que le document recherché n'est plus disponible par l'adresse renseignée dans la...
View ArticleTutoriel : CSS3Pie, styles CSS3 pour Internet Explorer
CSS3 pointe son nez apportant son lot de propriétés de mise en forme très pratiques. Certaines fonctionnalités de CSS3 ont aujourd’hui un bon support dans les versions récentes des navigateurs...
View ArticleClik here to view.
Article : -prefix-free, préfixes CSS3 ajoutés automatiquement
-prefix-free est un petit fichier JavaScript (2 Ko) développé par Lea Verou, développeur Web passionnée par les standards Open Source, CSS3 et JavaScript. Le rôle de ce script est d'ajouter...
View ArticleClik here to view.
Astuce : Utiliser SASS et SCSS sur un serveur distant
Pour faire une histoire courte, j'ai toujours voulu utiliser SCSS et SASS pour mes projets web. J'ai acheté et installé Compass, super sympathique comme application. Mais j'ai souvent à travailler sur...
View ArticleClik here to view.
Article : Des CSS dynamiques grâce au langage LESS
Vous avez toujours voulu utiliser des variables, des fonctions, ou encore faire de l'héritage avec le langage CSS ? C'est devenu possible grâce au langage LESS, aux frameworks Sass et xCSS. Mon...
View ArticleClik here to view.
Astuce : Les classes conditionnelles en HTML
Les cancres du Web, Internet Explorer 6, 7 et parfois 8, nous mènent souvent la vie dure. Même quand on s’abaisse à leur niveau, il leur arrive de ne pas comprendre, ou d’y mettre de la mauvaise...
View ArticleClik here to view.
Astuce : Snippets Zen Coding personnalisés
Vous connaissez sans-doute déjà le plugin Zen Coding (sinon courez vite admirer cette vidéo assez ancienne mais plutôt bluffante). Zen Coding est une extension pour éditeurs HTML et autres logiciels...
View Article