{ "version": "https://jsonfeed.org/version/1", "title": "La Cascade", "home_page_url": "https://la-cascade.io", "feed_url": "https://la-cascade.io/rss/feed.json", "description": "La Cascade est un site consacré à la traduction en français de textes sur CSS, HTML, etc. publiés dans le web international.", "icon": "https://la-cascade.io/cascade.jpeg", "author": { "name": "Pierre Choffé", "url": "https://twitter.com/LaCascadeCss" }, "items": [ { "id": "https://la-cascade.io/articles/oklch-en-css", "url": "https://la-cascade.io/articles/oklch-en-css", "title": "OKLCH en CSS, des palettes de couleurs accessibles et cohérentes", "summary": "Le nouveau modèle de couleur OKLCH offre une façon intuitive et cohérente de créer des couleurs pour le web.", "date_modified": "2023-09-18T06:00:00.000Z", "author": { "name": "Cristian Diaz" } }, { "id": "https://la-cascade.io/articles/grid-column", "url": "https://la-cascade.io/articles/grid-column", "title": "grid-column", "summary": "Plongée en profondeur dans la propriété CSS grid-column, par Mojtaba Seyedi", "date_modified": "2023-08-10T06:00:00.000Z", "author": { "name": "Mojtaba Seyedi" } }, { "id": "https://la-cascade.io/articles/grid-row", "url": "https://la-cascade.io/articles/grid-row", "title": "grid-row", "summary": "Plongée en profondeur dans la propriété CSS grid-row, par Mojtaba Seyedi", "date_modified": "2023-04-10T06:00:00.000Z", "author": { "name": "Mojtaba Seyedi" } }, { "id": "https://la-cascade.io/articles/10-astuces-pour-ameliorer-vos-transitions-et-animations", "url": "https://la-cascade.io/articles/10-astuces-pour-ameliorer-vos-transitions-et-animations", "title": "10 astuces pour améliorer vos transitions et animations", "summary": "En matière d'animation, de petites différences peuvent avoir un grand impact. Josh Collinsworth livre 10 astuces pour améliorer nos transitions et animations.", "date_modified": "2023-03-19T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/que-peut-on-mettre-dans-une-variable-css", "url": "https://la-cascade.io/articles/que-peut-on-mettre-dans-une-variable-css", "title": "Que peut-on mettre dans une variable CSS?", "summary": "Will Boyd fait un point complet sur les variables CSS et tout ce qu'on peut faire avec. Bluffant, comme d'habitude !", "date_modified": "2023-02-26T06:00:00.000Z", "author": { "name": "Will Boyd" } }, { "id": "https://la-cascade.io/articles/plongee-en-profondeur-dans-les-pseudo-elements-before-et-after", "url": "https://la-cascade.io/articles/plongee-en-profondeur-dans-les-pseudo-elements-before-et-after", "title": "Plongée en profondeur dans les pseudo-éléments :before et :after", "summary": "Tout ce qu'on peut faire avec les pseudo-éléments ::before et ::after. Will Boyd montre un tas de solutions pratiques facilement applicables.", "date_modified": "2023-02-13T06:00:00.000Z", "author": { "name": "Will Boyd" } }, { "id": "https://la-cascade.io/articles/progres-plutot-que-perfection-pour-laccessibilite", "url": "https://la-cascade.io/articles/progres-plutot-que-perfection-pour-laccessibilite", "title": "Le progrès plutôt que la perfection, une meilleure approche de l'accessibilité", "summary": "Progrès plutôt que perfection signifie d'abord qu'il faut commencer. N'attendez pas que tout soit fait et parfait. Les petits pas font une grande différence. Cela signifie également éduquer les personnes qui ne connaissent pas encore l'accessibilité.", "date_modified": "2023-02-12T06:00:00.000Z", "author": { "name": "Meryl K Evans" } }, { "id": "https://la-cascade.io/articles/un-guide-visuel-des-references-en-javascript", "url": "https://la-cascade.io/articles/un-guide-visuel-des-references-en-javascript", "title": "Un guide visuel des références en JavaScript", "summary": "Pour partir sur des bases solides, une présentation super claire des pointeurs en JavaScript, ainsi que des Objets et Primitives, par Dave Ceddia.", "date_modified": "2023-02-11T06:00:00.000Z", "author": { "name": "Dave Ceddia" } }, { "id": "https://la-cascade.io/articles/grid-template-areas", "url": "https://la-cascade.io/articles/grid-template-areas", "title": "grid-template-areas", "summary": "Une explication très claire et détaillée de la propriété grid-template-area de CSS Grid par Mojtaba Sereyi.", "date_modified": "2023-02-09T06:00:00.000Z", "author": { "name": "Mojtaba Seyedi" } }, { "id": "https://la-cascade.io/articles/citer-en-html", "url": "https://la-cascade.io/articles/citer-en-html", "title": "Citer en HTML, un guide complet", "summary": "John Rhea fait le point sur les blocs de citation et tout ce qu'il faut savoir sur les citations, pour respecter la sémantique HTML.", "date_modified": "2023-02-08T06:00:00.000Z", "author": { "name": "John Rhea" } }, { "id": "https://la-cascade.io/articles/une-annee-a-apprendre-et-enseigner-laccessibilite", "url": "https://la-cascade.io/articles/une-annee-a-apprendre-et-enseigner-laccessibilite", "title": "Ce qu'une année à apprendre et enseigner l'accessibilité m'a appris", "summary": "Le cheminement personnel de Sara Soueidan vers un web plus accessible, dont nous pouvons tous apprendre.", "date_modified": "2023-01-30T06:00:00.000Z", "author": { "name": "Sara Soueidan" } }, { "id": "https://la-cascade.io/articles/un-monde-de-possibilites-nouvelles-avec-css-has", "url": "https://la-cascade.io/articles/un-monde-de-possibilites-nouvelles-avec-css-has", "title": "Un monde de possibilités nouvelles avec CSS :has()", "summary": "Le sélecteur relationnel CSS nous offre ce qui était auparavant impossible sans JavaScript. Nous examinerons comment combiner :has() avec d'autres sélecteurs CSS et les pouvoirs magiques qu'il apporte.", "date_modified": "2023-01-28T06:00:00.000Z", "author": { "name": "Stephanie Eckles" } }, { "id": "https://la-cascade.io/articles/la-propriete-css-transform", "url": "https://la-cascade.io/articles/la-propriete-css-transform", "title": "La propriété CSS Transform", "summary": "La propriété CSS transform permet de manipuler visuellement un élément. Un article clair et détaillé de Sara Cope.", "date_modified": "2023-01-27T06:00:00.000Z", "author": { "name": "Sara Cope" } }, { "id": "https://la-cascade.io/articles/data-attributes-guide-complet", "url": "https://la-cascade.io/articles/data-attributes-guide-complet", "title": "Data attributes, guide complet", "summary": "Les attributs HTML data-* nous permettent de stocker des informations supplémentaires sur les éléments sémantiques standard, par Chris Coyier.", "date_modified": "2023-01-24T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/utiliser-calc-pour-determiner-la-hauteur-de-ligne-optimale", "url": "https://la-cascade.io/articles/utiliser-calc-pour-determiner-la-hauteur-de-ligne-optimale", "title": "Utiliser calc pour déterminer la hauteur de ligne optimale", "summary": "Où l'on parle de la hauteur des lignes, de l'unité ex et de l'utilisation des mathématiques en CSS.", "date_modified": "2023-01-20T06:00:00.000Z", "author": { "name": "Jesus Ricarte" } }, { "id": "https://la-cascade.io/articles/creer-des-formes-en-css", "url": "https://la-cascade.io/articles/creer-des-formes-en-css", "title": "Créer des formes en CSS", "summary": "Un étonnant catalogue de formes, des plus simples aux plus complexes, créées en CSS par Chris Coyier & C°.", "date_modified": "2023-01-14T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/petit-guide-pour-ajout-image", "url": "https://la-cascade.io/articles/petit-guide-pour-ajout-image", "title": "Petit guide pour l'ajout d'images", "summary": "Ajouter une image avec HTML n'est pas si simple, quand on commence à entrer dans les détails.", "date_modified": "2022-12-31T06:00:00.000Z", "author": { "name": "Cristian Diaz" } }, { "id": "https://la-cascade.io/articles/pas-besoin-de-framework-ui", "url": "https://la-cascade.io/articles/pas-besoin-de-framework-ui", "title": "Pas besoin de framework UI", "summary": "Les développeurs utilisent souvent des frameworks UI pour donner un look professionnel à leur site, ou se faciliter la vie. Mais les choses se passent rarement comme ils l'espèrent.", "date_modified": "2022-12-30T06:00:00.000Z", "author": { "name": "Josh Comeau" } }, { "id": "https://la-cascade.io/articles/guide-accessibilite-clavier-2", "url": "https://la-cascade.io/articles/guide-accessibilite-clavier-2", "title": "Guide de l'accessibilité du clavier: JavaScript (2e partie)", "summary": "Un ensemble d'outils JavaScript à utiliser dans différents composants pour améliorer l'expérience des utilisateurs du clavier.", "date_modified": "2022-12-26T06:00:00.000Z", "author": { "name": "Cristian Diaz" } }, { "id": "https://la-cascade.io/articles/css-subgrid", "url": "https://la-cascade.io/articles/css-subgrid", "title": "CSS Subgrid", "summary": "Subgrid est là, découvrons ce qu'il peut faire pour nous !", "date_modified": "2022-12-25T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/align-items", "url": "https://la-cascade.io/articles/align-items", "title": "align-items", "date_modified": "2022-12-22T06:00:00.000Z", "author": { "name": "Sara Cope" } }, { "id": "https://la-cascade.io/articles/align-self", "url": "https://la-cascade.io/articles/align-self", "title": "align-self", "date_modified": "2022-12-22T06:00:00.000Z", "author": { "name": "Sara Cope" } }, { "id": "https://la-cascade.io/articles/pourquoi-vous-ne-devriez-pas-utiliser-px-pour-fixer-la-taille-de-police", "url": "https://la-cascade.io/articles/pourquoi-vous-ne-devriez-pas-utiliser-px-pour-fixer-la-taille-de-police", "title": "Pourquoi vous ne devriez jamais utiliser px pour définir la taille de police dans CSS", "summary": "Comment utiliser les unités px, rem et em en connaissance de cause, et prendre en compte les configurations de l'utilisateur.", "date_modified": "2022-11-27T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/guide-accessibilite-clavier-1", "url": "https://la-cascade.io/articles/guide-accessibilite-clavier-1", "title": "Guide de l'accessibilité du clavier: HTML et CSS (1ère partie)", "summary": "Comment utiliser HTML et CSS pour créer une expérience accessible pour les utilisateurs de claviers?", "date_modified": "2022-11-19T06:00:00.000Z", "author": { "name": "Cristian Diaz" } }, { "id": "https://la-cascade.io/articles/comprendre-flex-grow-flex-shrink-et-flex-basis", "url": "https://la-cascade.io/articles/comprendre-flex-grow-flex-shrink-et-flex-basis", "title": "Comprendre flex-grow, flex-shrink et flex-basis", "date_modified": "2022-10-25T06:00:00.000Z", "author": { "name": "Robin Rendle" } }, { "id": "https://la-cascade.io/articles/comprendre-wai-aria-un-guide-complet", "url": "https://la-cascade.io/articles/comprendre-wai-aria-un-guide-complet", "title": "Comprendre WAI-ARIA, un guide complet", "summary": "Dans cet article, Kate Kalcevich explique quand et comment utiliser ARIA afin d'aider les personnes handicapées utilisant des technologies d'assistance pour naviguer sur Internet. Allons-y!", "date_modified": "2022-10-01T06:00:00.000Z", "author": { "name": "Kate Kalcevich" } }, { "id": "https://la-cascade.io/articles/justify-content", "url": "https://la-cascade.io/articles/justify-content", "title": "justify-content", "date_modified": "2022-09-30T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/des-styles-de-listes-creatifs", "url": "https://la-cascade.io/articles/des-styles-de-listes-creatifs", "title": "Des styles de listes créatifs", "summary": "Un aperçu de quelques façons utiles et créatives de styliser une liste.", "date_modified": "2022-09-05T06:00:00.000Z", "author": { "name": "Michelle Barker" } }, { "id": "https://la-cascade.io/articles/grille-css-et-formes-personnalisees-1", "url": "https://la-cascade.io/articles/grille-css-et-formes-personnalisees-1", "title": "Grille CSS et formes personnalisées, 1", "summary": "Combinez les techniques de grille CSS et ajoutez-y un peu de magie clip-path et de masque CSS pour créer des grilles d'images fantaisistes pour pratiquement toutes les formes que vous pouvez imaginer !", "date_modified": "2022-08-28T06:00:00.000Z", "author": { "name": "Temani Afif" } }, { "id": "https://la-cascade.io/articles/utiliser-css-has", "url": "https://la-cascade.io/articles/utiliser-css-has", "title": "Utiliser :has() comme sélecteur de parent et bien plus", "summary": "Appliquer un style css à un élément en fonction de ce qui se passe à l'intérieur de cet élément : la révolution css :has(), le sélecteur parent.", "date_modified": "2022-08-25T06:00:00.000Z", "author": { "name": "Jen Simmons" } }, { "id": "https://la-cascade.io/articles/zoomer-les-images-dans-une-grille", "url": "https://la-cascade.io/articles/zoomer-les-images-dans-une-grille", "title": "Zoomer les images dans une grille", "summary": "Temani Afif ajoute un effet de survol aux images dans une grille implicite, pas si simple, mais Temani a le don rare de décortiquer les pbs pour les résoudre simplement.", "date_modified": "2022-08-09T06:00:00.000Z", "author": { "name": "Temani Afif" } }, { "id": "https://la-cascade.io/articles/css-grid-grille-implicite-et-placement-automatique", "url": "https://la-cascade.io/articles/css-grid-grille-implicite-et-placement-automatique", "title": "CSS Grid : grille implicite et placement automatique", "summary": "Certainement l'article le plus clair sur les grilles implicites et le placement automatique dans CSS Grid.", "date_modified": "2022-08-03T06:00:00.000Z", "author": { "name": "Temani Afif" } }, { "id": "https://la-cascade.io/articles/ecrivez-html-comme-du-html", "url": "https://la-cascade.io/articles/ecrivez-html-comme-du-html", "title": "Écrire HTML à la manière HTML (pas XHTML)", "summary": "Avec Jens Oliver Meiert, redécouvrez le HTML et participez à l'élaboration d'une nouvelle méthode moderne d'écriture du HTML.", "date_modified": "2022-07-26T06:00:00.000Z", "author": { "name": "Jens Oliver Meiert" } }, { "id": "https://la-cascade.io/articles/une-table-des-matieres-parfaite-avec-html-et-css", "url": "https://la-cascade.io/articles/une-table-des-matieres-parfaite-avec-html-et-css", "title": "Une table des matières parfaite avec HTML et CSS", "summary": "Créer une table des matières pour un document à imprimer s'avère légèrement compliqué, Nicholas C. Zakas propose ici une solution simple en purs HTML et CSS.", "date_modified": "2022-07-25T06:00:00.000Z", "author": { "name": "Nicholas C Zakas" } }, { "id": "https://la-cascade.io/articles/la-difference-entre-nth-child-et-nth-of-type", "url": "https://la-cascade.io/articles/la-difference-entre-nth-child-et-nth-of-type", "title": "La différence entre :nth-child et :nth-of-type", "summary": "La différence entre nth-child et nth-of-type n'est pas forcément évidente et pourtant elle est fondamentale.", "date_modified": "2022-07-24T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/last-of-type", "url": "https://la-cascade.io/articles/last-of-type", "title": ":last-of-type", "summary": "La pseudo-classe last-of-type cible un élément qui est le dernier enfant d'un type donné dans la liste des enfants de l'élément parent.", "date_modified": "2022-07-23T06:00:00.000Z", "author": { "name": "Sara Cope" } }, { "id": "https://la-cascade.io/articles/comment-apprendre-css", "url": "https://la-cascade.io/articles/comment-apprendre-css", "title": "Comment apprendre CSS", "summary": "Pas besoin d'apprendre par cœur chaque propriété CSS, l'important est de comprendre les fondamentaux : cet article de Rachel Andrew vous guidera dans votre apprentissage de CSS.", "date_modified": "2022-06-22T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/controler-affichage-du-texte", "url": "https://la-cascade.io/articles/controler-affichage-du-texte", "title": "Contrôler l'affichage du texte", "summary": "Comment gérer le retour à la ligne ou les césures ? Il y a beaucoup plus de façons qu'on ne le pense, et plein d'astuces possibles.", "date_modified": "2022-05-08T06:00:00.000Z", "author": { "name": "Will Boyd" } }, { "id": "https://la-cascade.io/articles/ameliorer-un-texte-a-faible-contraste", "url": "https://la-cascade.io/articles/ameliorer-un-texte-a-faible-contraste", "title": "Améliorer un texte à faible contraste", "summary": "Le contraste insuffisant d'un texte est un obstacle grave pour les utilisateurs malvoyants ou simplement à la vue déclinante. Et pourtant, ce problème d'accessibilité lié au contraste est encore très (trop) répandu !", "date_modified": "2022-04-29T06:00:00.000Z", "author": { "name": "Ben Myers" } }, { "id": "https://la-cascade.io/articles/une-taille-de-police-enfantine", "url": "https://la-cascade.io/articles/une-taille-de-police-enfantine", "title": "Une taille de police enfantine", "summary": "Défense et illustration des tailles de police plus grandes pour nos utilisateurs, par Tyler Sticka. La Cascade ne peut que plussoyer.", "date_modified": "2022-04-27T06:00:00.000Z", "author": { "name": "Tyler Sticka" } }, { "id": "https://la-cascade.io/articles/comprendre-cssgrid-grid-template-areas", "url": "https://la-cascade.io/articles/comprendre-cssgrid-grid-template-areas", "title": "Comprendre CSS Grid : Grid template areas", "summary": "Dans cette nouvelle série, Rachel Andrew analyse la spécification CSS Grid Layout. Elle poursuit ici avec les zones de grille.", "date_modified": "2022-04-18T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/comprendre-cssgrid-lines", "url": "https://la-cascade.io/articles/comprendre-cssgrid-lines", "title": "Comprendre CSS Grid : les lignes Grid", "summary": "Dans cette nouvelle série, Rachel Andrew analyse la spécification CSS Grid Layout. Elle poursuit ici avec les lignes de grille.", "date_modified": "2022-04-17T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/comprendre-cssgrid-creer-un-container-grid", "url": "https://la-cascade.io/articles/comprendre-cssgrid-creer-un-container-grid", "title": "Comprendre CSS Grid : créer un container Grid", "summary": "Dans cette nouvelle série, Rachel Andrew analyse la spécification CSS Grid Layout. Elle commence par ce qui se passe quand on crée un conteneur grid.", "date_modified": "2022-04-16T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/npm-guide-8-installer-projet", "url": "https://la-cascade.io/articles/npm-guide-8-installer-projet", "title": "NPM : comment installer un projet npm existant ?", "summary": "npm nous permet d'installer des projets, par exemple divers 'starter' existent pour créer un blog à partir d'un framework, ce qui nous facilite bien la vie.", "date_modified": "2022-02-02T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/npm-guide-7-commandes", "url": "https://la-cascade.io/articles/npm-guide-7-commandes", "title": "NPM : comment fonctionnent les commandes npm ?", "summary": "npm nous permet d'exécuter des tâches, sur commande ou en arrière-plan. Un petit exemple avec sass.", "date_modified": "2022-02-01T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/npm-guide-6-package-installer-paquets", "url": "https://la-cascade.io/articles/npm-guide-6-package-installer-paquets", "title": "NPM : comment installer les paquets npm ?", "summary": "Créons maintenant un petit projet pour nous avoir une expérience pratique de travail avec les bases de npm et comprendre comment npm nous aide dans notre workflow de développement front.", "date_modified": "2022-01-31T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/npm-guide-5-installer-npm", "url": "https://la-cascade.io/articles/npm-guide-5-installer-npm", "title": "NPM : comment installer npm ?", "summary": "Installons Node et npm tout en nous familiarisant avec le gestionnaire de version de Node, ou nvm.", "date_modified": "2022-01-30T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/npm-guide-4-gestionnaire-de-paquets", "url": "https://la-cascade.io/articles/npm-guide-4-gestionnaire-de-paquets", "title": "NPM, qu'est-ce qu'un gestionnaire de paquets ?", "summary": "Le 'pm' de npm est 'package manager', ou gestionnaire de paquets. Qu'est-ce que cela signifie ? Et qu'est-ce que cela fait ?", "date_modified": "2022-01-29T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/npm-guide-3-node", "url": "https://la-cascade.io/articles/npm-guide-3-node", "title": "NPM, qu'est-ce que Node ?", "summary": "Le 'n' de npm est Node. Node a commencé comme un moyen d'exécuter JavaScript en dehors du navigateur.", "date_modified": "2022-01-28T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/npm-guide-2-cli", "url": "https://la-cascade.io/articles/npm-guide-2-cli", "title": "NPM et ligne de commande", "summary": "Passons un peu de temps à nous familiariser avec la ligne de commande. Même si la ligne de commande n'est pas spécifique à npm, elle est essentielle pour travailler avec npm.", "date_modified": "2022-01-27T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/npm-guide-1-npm", "url": "https://la-cascade.io/articles/npm-guide-1-npm", "title": "Qu'est-ce que npm ?", "summary": "Ce que nous appelons 'npm' n'est pas vraiment une chose, mais un ensemble de choses qui fonctionnent ensemble pour nous faciliter le développement.", "date_modified": "2022-01-26T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/npm-guide-complet-pour-le-debutant", "url": "https://la-cascade.io/articles/npm-guide-complet-pour-le-debutant", "title": "NPM, un guide complet pour le débutant", "summary": "Commençons par une introduction générale à la série d'articles sur npm et son écosystème...", "date_modified": "2022-01-25T06:00:00.000Z", "author": { "name": "Josh Collinsworth" } }, { "id": "https://la-cascade.io/articles/flex-grow", "url": "https://la-cascade.io/articles/flex-grow", "title": "flex-grow", "date_modified": "2021-08-24T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/css-grid-difference-entre-grilles-explicite-et-implicite", "url": "https://la-cascade.io/articles/css-grid-difference-entre-grilles-explicite-et-implicite", "title": "CSS Grid : la différence entre grilles explicite et implicite", "summary": "Ne pas avoir à placer chaque élément manuellement rend Grid encore meilleur. Les grilles sont suffisamment flexibles pour s'adapter à leurs éléments.", "date_modified": "2021-03-05T06:00:00.000Z", "author": { "name": "Manuel Matuzovic" } }, { "id": "https://la-cascade.io/articles/la-propriete-css-clip-path", "url": "https://la-cascade.io/articles/la-propriete-css-clip-path", "title": "La propriété CSS Clip Path", "date_modified": "2020-12-27T06:00:00.000Z", "author": { "name": "Sara Cope" } }, { "id": "https://la-cascade.io/articles/quand-utiliser-inline-block", "url": "https://la-cascade.io/articles/quand-utiliser-inline-block", "title": "Quand utiliser inline-block ?", "summary": "La valeur inline-block pour l'affichage est un classique, mais à quoi sert-elle réellement et quand la choisirons-nous parmi d'autres options ?", "date_modified": "2020-09-17T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/first-of-type", "url": "https://la-cascade.io/articles/first-of-type", "title": ":first-of-type", "summary": "La pseudo-classe first-of-type cible un élément qui est le premier enfant d'un type donné dans la liste des enfants de l'élément parent.", "date_modified": "2020-07-24T06:00:00.000Z", "author": { "name": "Sara Cope" } }, { "id": "https://la-cascade.io/articles/les-attributs-html", "url": "https://la-cascade.io/articles/les-attributs-html", "title": "Attributs", "date_modified": "2020-07-23T06:00:00.000Z", "author": { "name": "Sara Cope" } }, { "id": "https://la-cascade.io/articles/approfondir-la-propriete-display-generation-de-boite", "url": "https://la-cascade.io/articles/approfondir-la-propriete-display-generation-de-boite", "title": "Approfondir la propriété display : la génération de boîtes", "summary": "Rachel Andrew examine les valeurs qui contrôlent la génération des boîtes, au cas où vous ne voudriez pas générer de boîte du tout.", "date_modified": "2020-03-06T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/approfondir-la-propriete-display-les-deux-valeurs-de-display", "url": "https://la-cascade.io/articles/approfondir-la-propriete-display-les-deux-valeurs-de-display", "title": "Approfondir la propriété display : les deux valeurs de display", "summary": "Nous parlons beaucoup de Flexbox et de Grid Layout, mais ces méthodes de mise en page sont, à la base, des valeurs de la propriété CSS display, une puissante propriété qui ne reçoit pas toute l'attention qu'elle mérite. Rachel Andrew y jette un coup d'œil dans une courte série.", "date_modified": "2020-03-04T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/sticky-footer-de-5-facons", "url": "https://la-cascade.io/articles/sticky-footer-de-5-facons", "title": "Sticky footer, de 5 façons", "summary": "Une brève histoire des sticky footers, par Chris Coyier, depuis les pieds de page collants à l'ancienne jusqu'aux techniques Flexbox et CSS-Grid.", "date_modified": "2020-01-03T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/listes-css-marqueurs-et-compteurs", "url": "https://la-cascade.io/articles/listes-css-marqueurs-et-compteurs", "title": "Listes CSS, marqueurs et compteurs", "summary": "Styliser des listes en CSS plus facile qu'on ne le pense . Dans cet article, Rachel commence par examiner les listes en CSS, puis passe à certaines fonctionnalités intéressantes définies dans la spécification CSS Lists - les marqueurs et les compteurs.", "date_modified": "2019-07-29T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/alignement-en-css-guide-complet", "url": "https://la-cascade.io/articles/alignement-en-css-guide-complet", "title": "Alignement en CSS, un guide complet", "summary": "Tout sur l'alignement en CSS par Rachel Andrew. Les choses ont beaucoup évolué dernièrement avec Flexbox, CSS Grid et la spécification Box Alignment. Dans la continuité de ses articles de référence déjà traduits dans la Cascade.", "date_modified": "2019-05-18T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/comment-fonctionne-calc", "url": "https://la-cascade.io/articles/comment-fonctionne-calc", "title": "Comment fonctionne calc()", "summary": "La fonction calc( ) de CSS nous permet de calculer des valeurs de propriétés. Ire Aderinokun passe en revue son fonctionnement, son utilité et quelques cas pratiques.", "date_modified": "2019-01-12T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/la-propriete-css-visibility-et-laccessibilite", "url": "https://la-cascade.io/articles/la-propriete-css-visibility-et-laccessibilite", "title": "La propriété CSS visibility et l'accessibilité", "summary": "Le DOM (Document Object Model) est une interface pour vos pages web. C'est une API permettant aux programmes de lire et de manipuler le contenu de la page, sa structure et ses styles. Passons tout cela en revue pour comprendre comment ça marche.", "date_modified": "2018-12-16T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/css-flexbox-et-la-dimension-des-boites", "url": "https://la-cascade.io/articles/css-flexbox-et-la-dimension-des-boites", "title": "CSS Flexbox et la dimension des boîtes", "summary": "Nous allons explorer le dimensionnement en Flexbox, qui est souvent un casse-tête : comment Flexbox décide-t-il de la taille de nos items ?", "date_modified": "2018-12-10T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/css-flexbox-et-lalignement-guide-complet", "url": "https://la-cascade.io/articles/css-flexbox-et-lalignement-guide-complet", "title": "CSS Flexbox et l'alignement, guide complet", "summary": "Dans cet article, nous examinons les propriétés d'alignement de Flexbox tout en découvrant quelques règles de base qui nous aideront à nous rappeler comment elles fonctionnent sur les axes principal et transversal", "date_modified": "2018-12-09T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/le-dom-cest-quoi-exactement", "url": "https://la-cascade.io/articles/le-dom-cest-quoi-exactement", "title": "Le DOM, c'est quoi exactement ?", "summary": "Le DOM (Document Object Model) est une interface pour vos pages web. C'est une API permettant aux programmes de lire et de manipuler le contenu de la page, sa structure et ses styles. Passons tout cela en revue pour comprendre comment ça marche.", "date_modified": "2018-12-01T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/que-se-passe-t-il-quand-on-cree-un-flexbox-flex-container", "url": "https://la-cascade.io/articles/que-se-passe-t-il-quand-on-cree-un-flexbox-flex-container", "title": "Que se passe-t-il quand on crée un Flexbox flex container?", "summary": "Lorsque les gens trouvent Flexbox difficile ou déroutant, c'est souvent parce qu'ils essaient de l'utiliser comme Grid layout.", "date_modified": "2018-10-28T06:00:00.000Z", "author": { "name": "Rachel Andrew" } }, { "id": "https://la-cascade.io/articles/comment-fonctionne-css-display-content", "url": "https://la-cascade.io/articles/comment-fonctionne-css-display-content", "title": "Comment fonctionne CSS display: contents", "summary": "Nous pouvons contrôler la façon dont la boîte et ses enfants sont dessinés sur la page grâce à la propriété CSS display", "date_modified": "2018-10-20T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/limbrication-des-selecteurs-dans-sass", "url": "https://la-cascade.io/articles/limbrication-des-selecteurs-dans-sass", "title": "L'imbrication des sélecteurs dans Sass", "summary": "L'imbrication de sélecteurs est une fonctionnalité des préprocesseurs CSS d'utilisation tellement courante qu'elle peut devenir problématique. Par Kitty Giraudel.", "date_modified": "2018-09-03T06:00:00.000Z", "author": { "name": "Kitty Giraudel" } }, { "id": "https://la-cascade.io/articles/sass-mixin-ou-placeholder", "url": "https://la-cascade.io/articles/sass-mixin-ou-placeholder", "title": "Sass mixin ou placeholder", "summary": "Kitty Giraudel est un spécialiste internationalement reconnu de Sass. Il explique ici clairement et simplement la différence entre mixin et placeholder, comment utiliser l'un ou l'autre ou... combiner les deux.", "date_modified": "2018-08-08T06:00:00.000Z", "author": { "name": "Kitty Giraudel" } }, { "id": "https://la-cascade.io/articles/creer-des-systemes-de-menu-accessibles", "url": "https://la-cascade.io/articles/creer-des-systemes-de-menu-accessibles", "title": "Créer des systèmes de menu accessibles", "summary": "Il existe de nombreux types de menus différents sur le Web. Créer des expériences inclusives est une question d'utilisation des bons modèles de menu aux bons endroits, avec le balisage et le comportement adéquats.", "date_modified": "2018-03-01T06:00:00.000Z", "author": { "name": "Heydon Pickering" } }, { "id": "https://la-cascade.io/articles/sass-et-interpolation", "url": "https://la-cascade.io/articles/sass-et-interpolation", "title": "Sass et interpolation", "summary": "Tout ce que vous avez toujours voulu savoir sur l'interpolation dans Sass, expliqué par Kitty Giraudel. Une bonne introduction toute simple et les cas d'utilisation principaux, pour interpoler avec plaisir.", "date_modified": "2017-11-04T06:00:00.000Z", "author": { "name": "Kitty Giraudel" } }, { "id": "https://la-cascade.io/articles/css-grid-comment-fonctionne-minmax", "url": "https://la-cascade.io/articles/css-grid-comment-fonctionne-minmax", "title": "CSS Grid : comment fonctionne minmax()", "summary": "La fonction minmax() est l'une des plus utiles parmi les nouveautés introduites par la spécification CSS Grid Layout. Ire Aderinokun la présente à sa façon habituelle: systématique, claire et complète!", "date_modified": "2017-06-19T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/json-pour-les-debutants", "url": "https://la-cascade.io/articles/json-pour-les-debutants", "title": "JSON pour les débutants", "summary": "JSON est un format de données facilitant le stockage et l'échange de données entre tous langages de programmation. Louis Lazaris propose une introduction simple, mais détaillée, pour comprendre JSON et JSONP.", "date_modified": "2017-03-23T06:00:00.000Z", "author": { "name": "Louis Lazaris" } }, { "id": "https://la-cascade.io/articles/grid-et-flexbox-le-duo-gagnant", "url": "https://la-cascade.io/articles/grid-et-flexbox-le-duo-gagnant", "title": "Grid et Flexbox, le duo gagnant", "summary": "CSS Grid et Flexbox sont faits pour fonctionner ensemble. Grid pour l'organisation générale, Flexbox pour les ajustements spécifiques. Chen Hui Jing le démontre avec un exemple magistral (et quelques bonus).", "date_modified": "2017-03-05T06:00:00.000Z", "author": { "name": "Chen Hui Jing" } }, { "id": "https://la-cascade.io/articles/sass-tout-sur-extend", "url": "https://la-cascade.io/articles/sass-tout-sur-extend", "title": "Sass, tout sur @extend", "summary": "Kitty Giraudel, notre grand spécialiste de Sass, est de retour. Il fait le point de façon précise et claire sur ce que personne ne vous avait jamais dit sur @extend.", "date_modified": "2017-02-28T06:00:00.000Z", "author": { "name": "Kitty Giraudel" } }, { "id": "https://la-cascade.io/articles/les-proprietes-css-background", "url": "https://la-cascade.io/articles/les-proprietes-css-background", "title": "Les propriétés CSS Background", "summary": "Méthodique et claire comme on la connaît, Ire Aderinokun fait le tour des propriétés background de CSS pour placer, dimensionner, répéter, etc les images d'arrière-plan. Une excellente introduction ou révision.", "date_modified": "2017-02-06T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/svg-la-syntaxe-path", "url": "https://la-cascade.io/articles/svg-la-syntaxe-path", "title": "SVG, la syntaxe Path", "summary": "L'élément path de SVG est l'outil de dessin le plus perfectionné qui soit, mais sa syntaxe ne semble pas aisée. Chris Coyier décortique brillamment ce langage, pas si compliqué finalement.", "date_modified": "2016-12-29T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/comprendre-svg-viewbox", "url": "https://la-cascade.io/articles/comprendre-svg-viewbox", "title": "Comprendre SVG viewBox", "summary": "Tout savoir sur SVG viewbox. L'attribut viewBox est l'un des premiers qu'on rencontre quand on débute avec SVG, cette introduction de Dudley Storey vous simplifiera la vie.", "date_modified": "2016-12-28T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/css-noubliez-pas-limpression-papier", "url": "https://la-cascade.io/articles/css-noubliez-pas-limpression-papier", "title": "CSS : n'oubliez pas l'impression papier!", "summary": "Les utilisateurs continuent d'imprimer nos pages web : les optimiser pour l'impression papier est important pour l'accessibilité mais aussi, tout simplement, pour l'expérience utilisateur. Manuel Matuzovic nous donne quelques astuces.", "date_modified": "2016-12-27T06:00:00.000Z", "author": { "name": "Manuel Matuzovic" } }, { "id": "https://la-cascade.io/articles/utiliser-svg-use", "url": "https://la-cascade.io/articles/utiliser-svg-use", "title": "Utiliser SVG use", "summary": "use est l'outil de clonage de SVG, il permet de dupliquer des éléments existants ou prédéfinis et d'alléger votre code.", "date_modified": "2016-12-26T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/css-initial-inherit-unset-et-revert", "url": "https://la-cascade.io/articles/css-initial-inherit-unset-et-revert", "title": "CSS Initial, Inherit, Unset et Revert", "summary": "Il existe quatre valeurs applicables (en théorie) à n'importe quelle propriété CSS, ce sont les valeurs explicites par défaut. Avec Ire Aderinokun apprenez à les connaître et à les différencier.", "date_modified": "2016-05-08T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/css-grid-layout-guide-complet", "url": "https://la-cascade.io/articles/css-grid-layout-guide-complet", "title": "CSS Grid Layout, guide complet", "summary": "Avec Flexbox, le module CSS Grid Layout représente l'avenir de la mise page CSS. Chris House a conçu un guide complet et plein d'exemples pour enfin comprendre cette spécification complexe.", "date_modified": "2016-04-18T06:00:00.000Z", "author": { "name": "Chris House" } }, { "id": "https://la-cascade.io/articles/sur-not-et-la-specifite", "url": "https://la-cascade.io/articles/sur-not-et-la-specifite", "title": "Sur :not et la spécifité", "summary": "Ire Aderinokun revisite ici la pseudo-classe de négation, nous montre l'envers du décor et nous offre un crash course sur la spécificité!", "date_modified": "2016-03-20T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/backgrounds-svg-hexagones-et-ecailles", "url": "https://la-cascade.io/articles/backgrounds-svg-hexagones-et-ecailles", "title": "Backgrounds SVG : hexagones et écailles", "summary": "Dudley Storey poursuit sa passionnante série sur les backgrounds SVG, ici avec des motifs en tuiles hexagonales et en écailles. On y apprend quelques petites astuces relatives à l'encodage base64.", "date_modified": "2016-02-14T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/cacher-des-elements-avec-css", "url": "https://la-cascade.io/articles/cacher-des-elements-avec-css", "title": "Cacher des éléments avec CSS", "summary": "Encore un article d'Ire Aderinokun, qu'on aime beaucoup ici pour ses analyses en profondeur et la clarté de ses explications. Avez-vous bien tout considéré lorsque vous cachez un élément HTML?", "date_modified": "2016-01-24T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/controler-le-modele-de-boite", "url": "https://la-cascade.io/articles/controler-le-modele-de-boite", "title": "Contrôler le modèle de boîte", "summary": "Dans cet article simple et complet, Ire Aderinokun rappelle les bases du modèle de boîte CSS et montre pourquoi vous devriez utiliser box-sizing.", "date_modified": "2016-01-23T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/creer-un-cube-en-css", "url": "https://la-cascade.io/articles/creer-un-cube-en-css", "title": "Créer un cube en CSS", "summary": "David Walsh s’amuse à créer un cube 3D en CSS. En chemin, on suit la logique de construction, on apprend ou on révise la 3D CSS et les animations.", "date_modified": "2016-01-07T06:00:00.000Z", "author": { "name": "David Walsh" } }, { "id": "https://la-cascade.io/articles/comprendre-svg-preserveaspectratio", "url": "https://la-cascade.io/articles/comprendre-svg-preserveaspectratio", "title": "Comprendre SVG preserveAspectRatio", "summary": "Après SVG viewport et viewBox, Joni Trythall présente le complément logique, l'attribut preserveAspectRatio. Là aussi, les choses sont d'abord un peu complexes, mais présentées par Joni elles deviennent très claires.", "date_modified": "2015-11-22T06:00:00.000Z", "author": { "name": "Joni Trythall" } }, { "id": "https://la-cascade.io/articles/comprendre-svg-viewbox-et-viewport", "url": "https://la-cascade.io/articles/comprendre-svg-viewbox-et-viewport", "title": "Comprendre SVG viewBox et viewport", "summary": "SVG viewport et viewBox peuvent sembler compliqués et intimidants lorsqu’on débute avec SVG. Excellente introduction agrémentée d'illustrations fruitées.", "date_modified": "2015-11-21T06:00:00.000Z", "author": { "name": "Joni Trythall" } }, { "id": "https://la-cascade.io/articles/comment-fonctionne-z-index", "url": "https://la-cascade.io/articles/comment-fonctionne-z-index", "title": "Comment fonctionne z-index", "summary": "Ça n'est pas évident à première vue, mais les éléments HTML sont générés en 3D. La propriété CSS z-index spécifie le niveau et le contexte d'empilement.", "date_modified": "2015-11-02T06:00:00.000Z", "author": { "name": "Ire Aderinokun" } }, { "id": "https://la-cascade.io/articles/les-bases-de-svg-groupes", "url": "https://la-cascade.io/articles/les-bases-de-svg-groupes", "title": "Les bases de SVG : Groupes", "summary": "Suite des bases de SVG par Dudley Storey : les groupes SVG ressemblent aux éléments div des pages web mais il existe des différences qu’il est important de bien comprendre.", "date_modified": "2015-10-17T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/bien-utiliser-lattribut-alt", "url": "https://la-cascade.io/articles/bien-utiliser-lattribut-alt", "title": "Bien utiliser l'attribut alt", "summary": "Dudley Storey fait le point sur les règles à connaître concernant l'attribut alt d'alternative textuelle pour les images, indispensable pour l'accessibilité et le SEO.", "date_modified": "2015-10-03T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/css-roots-le-retour-aux-racines", "url": "https://la-cascade.io/articles/css-roots-le-retour-aux-racines", "title": "CSS :root, le retour aux racines", "summary": "La cascade CSS est la meilleure et la pire des choses. Dans cet article limpide, Simurai donne quelques astuces simples pour réduire les problèmes de spécificité et mieux comprendre CSS.", "date_modified": "2015-09-14T06:00:00.000Z", "author": { "name": "Simurai" } }, { "id": "https://la-cascade.io/articles/nth-last-of-type", "url": "https://la-cascade.io/articles/nth-last-of-type", "title": ":nth-last-of-type", "date_modified": "2015-09-10T06:00:00.000Z", "author": { "name": "Sara Cope" } }, { "id": "https://la-cascade.io/articles/nth-last-child", "url": "https://la-cascade.io/articles/nth-last-child", "title": ":nth-last-child", "date_modified": "2015-09-09T06:00:00.000Z", "author": { "name": "Sara Cope" } }, { "id": "https://la-cascade.io/articles/nth-of-type", "url": "https://la-cascade.io/articles/nth-of-type", "title": ":nth-of-type", "date_modified": "2015-09-07T06:00:00.000Z", "author": { "name": "Sara Cope" } }, { "id": "https://la-cascade.io/articles/nth-child", "url": "https://la-cascade.io/articles/nth-child", "title": ":nth-child", "summary": "Le sélecteur :nth-child (“n-ième enfant”) permet de sélectionner un ou plusieurs éléments en fonction de leur ordre dans la source et selon des critères que vous déterminez.", "date_modified": "2015-09-06T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/motifs-svg-japonais", "url": "https://la-cascade.io/articles/motifs-svg-japonais", "title": "Motifs SVG japonais", "summary": "Pour le plaisir, Dudley Storey a réalisé deux nouveaux backgrounds SVG dérivés des motifs géométriques traditionnels japonais. Un approfondissement de la série sur SVG, mine de rien, ça devient sérieux!", "date_modified": "2015-08-03T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/creer-de-superbes-diagrammes-avec-svg-et-blend-modes", "url": "https://la-cascade.io/articles/creer-de-superbes-diagrammes-avec-svg-et-blend-modes", "title": "Créer de superbes diagrammes avec SVG et Blend Modes", "summary": "Une nouvelle association de SVG et CSS Blend Modes pour de nouveaux effets créatifs. De quoi vous faire regretter le bureau, les graphiques et les diagrammes en camembert. Merci Dudley!", "date_modified": "2015-07-30T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/backgrounds-pop-art-avec-svg-et-blend-modes", "url": "https://la-cascade.io/articles/backgrounds-pop-art-avec-svg-et-blend-modes", "title": "Backgrounds Pop-Art avec SVG et Blend Modes", "summary": "Dudley Storey nous a appris à dessiner avec SVG. Ces lignes peuvent devenir complexes, on peut les mélanger à des images via Blend Modes pour créer des backgrounds “pop art", "date_modified": "2015-07-22T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/backgrounds-svg-les-rayures", "url": "https://la-cascade.io/articles/backgrounds-svg-les-rayures", "title": "Backgrounds SVG : les rayures", "summary": "Dans la continuité des articles sur les bases de SVG, Dudley Storey commence une série sur les motifs et les backgrounds. SVG permet de réaliser des choses impossibles en CSS.", "date_modified": "2015-07-21T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/diagonales-et-motifs-svg-en-background", "url": "https://la-cascade.io/articles/diagonales-et-motifs-svg-en-background", "title": "Diagonales et motifs SVG en background", "summary": "Lorsque nous comprenons les bases des motifs SVG, c'est un monde de créativité qui s'ouvre. Après les bases de SVG, Dudley Storey nous montre comment créer des backgrounds en SVG.", "date_modified": "2015-07-20T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/pourquoi-height-100-ne-marche-pas", "url": "https://la-cascade.io/articles/pourquoi-height-100-ne-marche-pas", "title": "Pourquoi height: 100% ne marche pas", "summary": "Le blog que Maujor consacre à CSS depuis 2006 est bien connu au Brésil pour ses articles spécialisés ou de vulgarisation. Celui-ci fait le point sur le problème height:100%.", "date_modified": "2015-07-19T06:00:00.000Z", "author": { "name": "Maujor" } }, { "id": "https://la-cascade.io/articles/mecanique-des-polices-de-caracteres-2-2", "url": "https://la-cascade.io/articles/mecanique-des-polices-de-caracteres-2-2", "title": "Mécanique des polices de caractères, 2", "summary": "Deuxième article de la brillante série de Tobias Frere-Jones. Après les questions de dimensions, Tobias aborde celles de l’épaisseur du trait et des graisses.", "date_modified": "2015-07-18T06:00:00.000Z", "author": { "name": "Tobias Frere-Jones" } }, { "id": "https://la-cascade.io/articles/guide-de-flexbox-space-between-loublie", "url": "https://la-cascade.io/articles/guide-de-flexbox-space-between-loublie", "title": "Guide de Flexbox : space-between, l'oublié", "summary": "Tout comprendre sur space-between, le héros oublié de Flexbox. Noah Blon propose un cas pratique d'utilisation de cette valeur de justify-content dans Flexbox, super pratique pour vos mises en page.", "date_modified": "2015-07-05T06:00:00.000Z", "author": { "name": "Noah Blon" } }, { "id": "https://la-cascade.io/articles/les-bases-de-svg-lignes-simples-et-multiples", "url": "https://la-cascade.io/articles/les-bases-de-svg-lignes-simples-et-multiples", "title": "Les bases de SVG : Lignes simples et multiples", "summary": "Après les formes de base de SVG, Dudley Storey présente les lignes, simples et multiples et... ce n’est pas si simple.", "date_modified": "2015-07-04T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/le-path-vers-la-lumiere", "url": "https://la-cascade.io/articles/le-path-vers-la-lumiere", "title": "Le $Path vers la lumière", "summary": "L'installation de logiciels sur notre machine est souvent un processus pénible et semé d'embûches. Mieux connaître $PATH facilitera notre vie et nous évitera quelques crises", "date_modified": "2015-06-07T06:00:00.000Z", "author": { "name": "Olivier Lacan" } }, { "id": "https://la-cascade.io/articles/les-bases-de-svg-polygones", "url": "https://la-cascade.io/articles/les-bases-de-svg-polygones", "title": "Les bases de SVG : Polygones", "summary": "Dudley Storey termine la série d'articles sur les formes de bases SVG avec les polygones : triangles, étoiles et autres formes plus complexes.", "date_modified": "2015-06-06T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/lajustement-optique", "url": "https://la-cascade.io/articles/lajustement-optique", "title": "L'ajustement optique", "summary": "Les designers ne doivent pas compter sur les seuls logiciels pour faire le travail d'ajustement, mais également sur leurs yeux et leur instinct. Preuves à l'appui.", "date_modified": "2015-05-31T06:00:00.000Z", "author": { "name": "Luke Jones" } }, { "id": "https://la-cascade.io/articles/astuces-css-avec-checkbox", "url": "https://la-cascade.io/articles/astuces-css-avec-checkbox", "title": "Astuces CSS avec checkbox", "summary": "C'est incroyable ce qu'on peut faire avec un élément aussi modeste que les cases à cocher... du moins lorsqu'on s'appelle Will Boyd et qu'on a de la créativité à revendre !", "date_modified": "2015-05-28T06:00:00.000Z", "author": { "name": "Will Boyd" } }, { "id": "https://la-cascade.io/articles/les-bases-de-svg-rectangles-et-carres", "url": "https://la-cascade.io/articles/les-bases-de-svg-rectangles-et-carres", "title": "Les bases de SVG : Rectangles et Carrés", "summary": "Dudley Storey reconstitue un célèbre tableau de Mondrian et nous montre chemin faisant tout ce qu'il faut savoir pour créer des rectangles en SVG.", "date_modified": "2015-05-26T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/les-bases-de-svg-cercles-et-ellipses", "url": "https://la-cascade.io/articles/les-bases-de-svg-cercles-et-ellipses", "title": "Les bases de SVG : Cercles et ellipses", "summary": "Même lorsqu’on utilise un logiciel de création graphique pour créer des SVG, la connaissance de la syntaxe permet de créer plus rapidement et efficacement des formes simples.", "date_modified": "2015-05-25T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/comprendre-clip-path", "url": "https://la-cascade.io/articles/comprendre-clip-path", "title": "Comprendre Clip Path", "summary": "La propriété clip-path de CSS est un super outil pour réaliser des effets de style", "date_modified": "2015-05-09T06:00:00.000Z", "author": { "name": "Andrew Minns" } }, { "id": "https://la-cascade.io/articles/rendre-svg-accessible", "url": "https://la-cascade.io/articles/rendre-svg-accessible", "title": "5 règles pour rendre SVG accessible", "summary": "rendre SVG accessible demande encore du travail, simple avec ces 5 règles proposées par Dudley Storey", "date_modified": "2015-05-08T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/5-regles-pour-rendre-svg-accessible", "url": "https://la-cascade.io/articles/5-regles-pour-rendre-svg-accessible", "title": "5 règles pour rendre SVG accessible", "summary": "SVG est formidable pour le design responsif, la performance et la qualité vectorielle, mais rendre SVG accessible demande encore un peu de travail, rendu simple avec ces 5 règles proposées par Dudley Storey.", "date_modified": "2015-05-07T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/3-raisons-dutiliser-hsl-pour-vos-couleurs", "url": "https://la-cascade.io/articles/3-raisons-dutiliser-hsl-pour-vos-couleurs", "title": "3 raisons d'utiliser HSL pour vos couleurs", "summary": "Pourquoi utiliser HSL ? Quelle différence entre HSL et RGB ? Dudley Storey passe en revue quelques situations où HSL peut vraiment vous changer la vie.", "date_modified": "2015-05-04T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/utiliser-hsl-pour-vos-couleurs", "url": "https://la-cascade.io/articles/utiliser-hsl-pour-vos-couleurs", "title": "Utiliser HSL pour vos couleurs", "summary": "La méthode HSL de création de couleurs est bien connue des designers mais négligée par les codeurs. Dudley Storey en montre ici tout l'intérêt.", "date_modified": "2015-05-03T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/un-carrousel-responsif-en-pur-css", "url": "https://la-cascade.io/articles/un-carrousel-responsif-en-pur-css", "title": "Un carrousel responsif en pur CSS", "summary": "De plus en plus les développeurs web ont besoin de solutions responsives et performantes. Dudley Storey propose ici un carrousel responsive en pur CSS qui répond parfaitement à ces objectifs.", "date_modified": "2015-04-25T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/fonctionnement-des-polices-de-caracteres-1", "url": "https://la-cascade.io/articles/fonctionnement-des-polices-de-caracteres-1", "title": "Mécanique des polices de caractères, 1", "summary": "Notre esprit veut dessiner une forme, mais nos yeux veulent en voir une autre. Cette série d'articles de Tobias Frere-Jones explore le travail en coulisses permettant aux polices d'être fonctionnelles.", "date_modified": "2015-02-14T06:00:00.000Z", "author": { "name": "Tobias Frere-Jones" } }, { "id": "https://la-cascade.io/articles/un-surlignage-simple-en-css", "url": "https://la-cascade.io/articles/un-surlignage-simple-en-css", "title": "Un surlignage simple en CSS", "summary": "Surligner les rangées d'un tableau en CSS est très facile, mais les colonnes ? Les pseudo-éléments sont mis à contribution dans ce tutoriel court, facile et astucieux de l'indispensable Chris Coyier.", "date_modified": "2015-02-13T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/le-morphing-en-svg", "url": "https://la-cascade.io/articles/le-morphing-en-svg", "title": "Le morphing en SVG", "summary": "Certaines propriétés SVG ne sont pas animables avec CSS. Chris Coyier montre ici comment réaliser simplement un morphing avec SMIL et Javascript.", "date_modified": "2015-02-07T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/shape-blobbing", "url": "https://la-cascade.io/articles/shape-blobbing", "title": "Shape Blobbing", "summary": "Le shape blobbing c'est cet effet d'aspiration d'une goutte par une autre, réalisable en CSS à partir de filtres pour le flou et le contraste. Tutoriel clair de Chris Coyier.", "date_modified": "2015-02-06T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/quest-ce-quun-element-remplace", "url": "https://la-cascade.io/articles/quest-ce-quun-element-remplace", "title": "Qu'est-ce qu'un élément remplacé ?", "summary": "Avez-vous déjà entendu parler des éléments HTML remplacés ? Vous les utilisez pourtant tous les jours sans le savoir, et connaître leur nature peut vous éviter quelques soucis.", "date_modified": "2015-01-13T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/utiliser-css-object-fit", "url": "https://la-cascade.io/articles/utiliser-css-object-fit", "title": "Utiliser CSS object-fit", "summary": "La propriété object-fit de CSS offre des options de redimensionnement et de présentation des images qui faciliteront la vie des designers.", "date_modified": "2015-01-12T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/5-facons-danimer-de-maniere-responsable", "url": "https://la-cascade.io/articles/5-facons-danimer-de-maniere-responsable", "title": "5 façons d'animer de manière responsable", "summary": "Nous vivons une époque formidable de l'animation web. Mais tout à notre excitation, nous oublions parfois de nous poser la question du pourquoi ?", "date_modified": "2014-12-23T06:00:00.000Z", "author": { "name": "Rachel Nabors" } }, { "id": "https://la-cascade.io/articles/guide-des-animations-svg", "url": "https://la-cascade.io/articles/guide-des-animations-svg", "title": "Guide des animations SVG (SMIL)", "summary": "Pour tout savoir sur les animations SVG avec SMIL. Les animations SMIL permettent des choses impossibles avec CSS.", "date_modified": "2014-12-17T06:00:00.000Z", "author": { "name": "Sara Soueidan" } }, { "id": "https://la-cascade.io/articles/css-animation-une-introduction", "url": "https://la-cascade.io/articles/css-animation-une-introduction", "title": "CSS animation, une introduction", "summary": "Une présentation claire et vivante des animations CSS par Rachel Cope, avec exemples de code et présentation live sur CodePen. Un bon article pour apprendre ou pour réviser ses classiques.", "date_modified": "2014-12-16T06:00:00.000Z", "author": { "name": "Rachel Cope" } }, { "id": "https://la-cascade.io/articles/css-aider-la-veuve-et-lorphelin", "url": "https://la-cascade.io/articles/css-aider-la-veuve-et-lorphelin", "title": "CSS, aider la veuve et l'orpheline", "summary": "CSS nous permet de contrôler facilement la première ligne d'un texte, mais sa capacité à contrôler la dernière ligne reste limitée. Un rappel sur widows et orphans par Dudley Storey.", "date_modified": "2014-12-14T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/video-en-background", "url": "https://la-cascade.io/articles/video-en-background", "title": "Créer un background vidéo fullscreen avec HTML5", "summary": "Il n'est pas possible d'intégrer une vidéo avec les propriétés CSS background ou background-image, mais Dudley Storey nous montre comment forcer l'apparition d'une vidéo responsive fullscreen derrière les éléments HTML.", "date_modified": "2014-12-10T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/rendre-svg-responsif", "url": "https://la-cascade.io/articles/rendre-svg-responsif", "title": "Rendre un SVG responsif", "summary": "Infiniment redimensionnable, le format SVG n'en est pas moins étonnamment difficile à rendre responsif. Dudley Storey montre comment y parvenir.", "date_modified": "2014-12-09T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/toi-seul-utiliser-only-child-de-css", "url": "https://la-cascade.io/articles/toi-seul-utiliser-only-child-de-css", "title": "Toi seul : utiliser only-child de CSS", "summary": "Les cas d'utilisation de only-child sont nombreux. Comme souvent avec les pseudo-classes, il nous permet d'écrire un code concis et adapté au contenu généré dynamiquement.", "date_modified": "2014-12-08T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/la-premiere-variable-css-currentcolor", "url": "https://la-cascade.io/articles/la-premiere-variable-css-currentcolor", "title": "La première variable CSS : currentColor", "summary": "En attendant l'arrivée des variables CSS, Dudley Storey nous rappelle l'existence de currentColor et nous en montre quelques applications", "date_modified": "2014-12-02T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/empty-une-pseudo-classe-pas-si-vide", "url": "https://la-cascade.io/articles/empty-une-pseudo-classe-pas-si-vide", "title": ":empty, une pseudo-classe pas si vide", "summary": "Dudley Storey montre ici comment utiliser la pseudo-classe :empty, depuis l'application d'un style CSS aux tableaux et aux navigations dynamiques, jusqu'au nettoyage de votre balisage HTML.", "date_modified": "2014-11-29T06:00:00.000Z", "author": { "name": "Dudley Storey" } }, { "id": "https://la-cascade.io/articles/la-pseudo-classe-de-negation", "url": "https://la-cascade.io/articles/la-pseudo-classe-de-negation", "title": "La pseudo-classe de négation", "summary": "Parmi les pseudo-classes, il en est une qu'on oublie souvent, c'est :not(). La pseudo-classe de négation peut pourtant s'avérer très utile dans bien des situations, comme l'explique ici Shay Howe.", "date_modified": "2014-11-07T06:00:00.000Z", "author": { "name": "Shay Howe" } }, { "id": "https://la-cascade.io/articles/portal-css", "url": "https://la-cascade.io/articles/portal-css", "title": "Portal CSS", "summary": "Ce projet de Donovan Hutchinson est une excellente introduction aux transformations et animations CSS, ludique et claire.", "date_modified": "2014-11-01T06:00:00.000Z", "author": { "name": "Donovan Hutchinson" } }, { "id": "https://la-cascade.io/articles/centrer-en-css-un-guide-complet", "url": "https://la-cascade.io/articles/centrer-en-css-un-guide-complet", "title": "Centrer en CSS, un guide complet", "summary": "Le centrage en CSS est souvent un véritable casse-tête, car il existe plusieurs techniques différentes selon les cas d'utilisation. Chris Coyier les a listées et nous donne toutes les solutions.", "date_modified": "2014-09-06T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/une-liste-de-raccourcis-emmet", "url": "https://la-cascade.io/articles/une-liste-de-raccourcis-emmet", "title": "Raccourcis et astuces Emmet", "summary": "Emmet est un plugin pour éditeurs de textes qui vous aide à créer HTML et CSS à la vitesse de l'éclair. Rappel des raccourcis principaux et quelques fonctionnalités moins connues.", "date_modified": "2014-07-28T06:00:00.000Z", "author": { "name": "Jordan Moore" } }, { "id": "https://la-cascade.io/articles/creer-des-spheres-en-css", "url": "https://la-cascade.io/articles/creer-des-spheres-en-css", "title": "Créer des sphères en CSS", "summary": "Nous aussi nous pouvons faire des bulles, grâce à Donovan Hutchinson, maître des sphères.", "date_modified": "2014-07-27T06:00:00.000Z", "author": { "name": "Donovan Hutchinson" } }, { "id": "https://la-cascade.io/articles/les-filtres-css", "url": "https://la-cascade.io/articles/les-filtres-css", "title": "Les filtres CSS", "summary": "En été, il n'y a pas que les filtres solaires, c'est aussi le moment idéal pour se pencher sur une propriété qui peut être utile... par Paula Borowska.", "date_modified": "2014-07-26T06:00:00.000Z", "author": { "name": "Paula Borowska" } }, { "id": "https://la-cascade.io/articles/les-degrades-svg", "url": "https://la-cascade.io/articles/les-degrades-svg", "title": "Les dégradés SVG", "summary": "Les dégradés SVG permettent de remplir quasiment sans effort une forme complexe, et par rapport aux dégradés CSS ils présentent l'avantage d'être présents dans le DOM", "date_modified": "2014-06-06T06:00:00.000Z", "author": { "name": "Joni Trythall" } }, { "id": "https://la-cascade.io/articles/subtilites-de-css3-transitions", "url": "https://la-cascade.io/articles/subtilites-de-css3-transitions", "title": "Subtilités de CSS3 Transitions", "summary": "Louis Lazaris montre quelques utilisations inattendues des transitions CSS3 et un piège à éviter. Animez vos pages en pur CSS.", "date_modified": "2014-05-30T06:00:00.000Z", "author": { "name": "Louis Lazaris" } }, { "id": "https://la-cascade.io/articles/css-shapes-une-introduction", "url": "https://la-cascade.io/articles/css-shapes-une-introduction", "title": "CSS Shapes, une introduction", "summary": "L'article de Sara Soueidan paru dans A List Apart a fait le buzz dernièrement. Sara présente ici très clairement ce qui sera l'avenir des formes et du design dans CSS.", "date_modified": "2014-05-09T06:00:00.000Z", "author": { "name": "Sara Soueidan" } }, { "id": "https://la-cascade.io/articles/animer-un-svg-avec-css", "url": "https://la-cascade.io/articles/animer-un-svg-avec-css", "title": "Animer un SVG avec CSS", "summary": "Chris Coyier s'est amusé à créer une petite animation SVG en CSS, sans passer par des bibliothèques compliquées. C'est fait maison, simple, efficace et clair comme toujours avec Chris.", "date_modified": "2014-04-23T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/combinateurs-et-pseudo-classes-css", "url": "https://la-cascade.io/articles/combinateurs-et-pseudo-classes-css", "title": "Combinateurs et pseudo-classes CSS", "summary": "Nous poursuivons notre introduction aux basiques de CSS avec un article de Steven Bradley sur les combinateurs et les pseudo-classes. La maîtrise de cette syntaxe vous aidera à mieux coder.", "date_modified": "2014-04-13T06:00:00.000Z", "author": { "name": "Steven Bradley" } }, { "id": "https://la-cascade.io/articles/les-pseudo-elements-css-before-et-after", "url": "https://la-cascade.io/articles/les-pseudo-elements-css-before-et-after", "title": "Pseudo-éléments :before & :after", "summary": "Cet article de Louis Lazaris s'adresse à ceux qui ont découvert avec émerveillement les trucs sympas qu'on peut faire avec les pseudo-éléments et veulent mieux connaître cette technique très utilisée. On commence par :before et :after.", "date_modified": "2014-04-05T06:00:00.000Z", "author": { "name": "Louis Lazaris" } }, { "id": "https://la-cascade.io/articles/centrer-une-div-guide-complet", "url": "https://la-cascade.io/articles/centrer-une-div-guide-complet", "title": "Centrer un bloc div, guide complet", "summary": "Comment centrer une div ? Steve Pear fait le tour de la question du centrage de div en CSS et propose des solutions pour tous les cas de figure.", "date_modified": "2014-03-28T06:00:00.000Z", "author": { "name": "Steve Pear" } }, { "id": "https://la-cascade.io/articles/les-free-fonts-aujourdhui", "url": "https://la-cascade.io/articles/les-free-fonts-aujourdhui", "title": "Les free fonts aujourd'hui", "summary": "Jeremiah Shoaf, le créateur du site indispensable Typewolf, fait le point sur les polices gratuites et nous propose ses préférées. On peut trouver de vraies pépites aujourd'hui en open source !", "date_modified": "2014-03-15T06:00:00.000Z", "author": { "name": "Jeremiah Shoaf" } }, { "id": "https://la-cascade.io/articles/les-degrades-css", "url": "https://la-cascade.io/articles/les-degrades-css", "title": "Les dégradés CSS", "summary": "Surligner les rangées d'un tableau en CSS est très facile, mais les colonnes ? Les pseudo-éléments sont mis à contribution dans ce tutoriel court, facile et astucieux de l'indispensable Chris Coyier.", "date_modified": "2014-03-09T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/flexbox-guide-complet", "url": "https://la-cascade.io/articles/flexbox-guide-complet", "title": "Flexbox, guide complet", "summary": "Le module Flexbox Layout fournit une façon plus efficace de disposer, aligner et distribuer l'espace entre les éléments de votre page. 4 riches articles de Chris Coyier sont réunis ici.", "date_modified": "2014-02-01T06:00:00.000Z", "author": { "name": "Chris Coyier" } }, { "id": "https://la-cascade.io/articles/la-difference-entre-block-et-inline", "url": "https://la-cascade.io/articles/la-difference-entre-block-et-inline", "title": "CSS Block, Inline et Inline-Block", "summary": "Le premier d'une série de 3 articles de Louis Lazaris sur des notions de base de CSS. Nous commençons aujourd'hui avec les notions parfois confuses de Block, Inline et Inline-Block.", "date_modified": "2014-01-19T06:00:00.000Z", "author": { "name": "Louis Lazaris" } }, { "id": "https://la-cascade.io/articles/le-positionnement-css", "url": "https://la-cascade.io/articles/le-positionnement-css", "title": "Le positionnement CSS", "summary": "Le positionnement CSS permet de positionner des éléments de manière statique, relative, absolue ou fixe, les sortant ainsi du flux normal.", "date_modified": "2014-01-18T06:00:00.000Z", "author": { "name": "Louis Lazaris" } }, { "id": "https://la-cascade.io/articles/introduction-a-rdfa", "url": "https://la-cascade.io/articles/introduction-a-rdfa", "title": "Introduction à RDFa, 1ère partie", "date_modified": "2014-01-15T06:00:00.000Z", "author": { "name": "Mark Birbeck" } }, { "id": "https://la-cascade.io/articles/dos-and-donts-de-la-typographie", "url": "https://la-cascade.io/articles/dos-and-donts-de-la-typographie", "title": "Do's & Don'ts de la Typographie", "summary": "L'essentiel du contenu disponible sur le web est du texte, il est donc fondamental de comprendre les principes de base de toute bonne typographie. Cette connaissance permet aux designers de communiquer plus efficacement, de créer de meilleurs sites web, plus faciles à utiliser.", "date_modified": "2013-12-31T06:00:00.000Z", "author": { "name": "Sam Jones" } }, { "id": "https://la-cascade.io/articles/de-la-typographie-web", "url": "https://la-cascade.io/articles/de-la-typographie-web", "title": "De la Typographie Web", "summary": "Être designer demande une compréhension profonde de la typographie et de la sélection et de l'association des polices de caractères. Le grand Jason Santa Maria l'explique avec intelligence et sensibilité.", "date_modified": "2013-12-22T06:00:00.000Z", "author": { "name": "Jason Santa Maria" } }, { "id": "https://la-cascade.io/articles/emmet-un-turbo-dans-votre-css", "url": "https://la-cascade.io/articles/emmet-un-turbo-dans-votre-css", "title": "Emmet, un turbo dans votre CSS", "summary": "Josh Medeski se concentre ici sur Emmet pour CSS : comment Emmet transforme instantanément de simples abréviations en snippets de code CSS complexes.", "date_modified": "2013-12-21T06:00:00.000Z", "author": { "name": "Josh Medeski" } }, { "id": "https://la-cascade.io/articles/goodbye-zen-coding-hello-emmet", "url": "https://la-cascade.io/articles/goodbye-zen-coding-hello-emmet", "title": "Goodbye, Zen Coding. Hello, Emmet!", "summary": "Emmet, anciennement connu comme Zen Coding, est le plugin d'éditeur de texte qui vous fera gagner le plus de temps.", "date_modified": "2013-12-20T06:00:00.000Z", "author": { "name": "Zeno Rocha" } }, { "id": "https://la-cascade.io/articles/le-web-95-de-typographie", "url": "https://la-cascade.io/articles/le-web-95-de-typographie", "title": "Le web, 95% de typographie", "summary": "Un bref rappel par Oliver Reichenstein, fondateur d'Information Architects, de l'importance de la typographie dans le web, ce qu'elle est et ce qu'elle n'est pas. Simple, direct, éclairant et inspirant.", "date_modified": "2013-12-11T06:00:00.000Z", "author": { "name": "Oliver Reichenstein" } }, { "id": "https://la-cascade.io/articles/box-sizing-pour-les-nuls", "url": "https://la-cascade.io/articles/box-sizing-pour-les-nuls", "title": "Box-sizing pour les nuls", "summary": "Box-sizing est une alternative au modèle de boîte standard. Elle est très simple et peut réellement changer votre travail. Une très bonne introduction par Paula Borowska.", "date_modified": "2013-12-10T06:00:00.000Z", "author": { "name": "Paula Borowska" } } ] }