http://lea.verou.me/css3patterns/
CSS3 Flexbox Layout module Vous connaissez certainement le modèle de boîte classique en CSS et ses dispositions de type “block” ou “inline”, sachez que Flexbox CSS3 a été conçu pour étendre ce périmètre en introduisant un nouveau modèle de boîte distinct, que l’on appellera “le Modèle de boîte flexible”. En février 2016 est sorti mon livre entièrement dédié à Flexbox. Il se nomme "CSS3 Flexbox : plongez dans les CSS modernes" et je vous recommande bien évidemment sa lecture afin de comprendre tous les rouages de ce positionnement révolutionnaire, et d'en maîtriser tous les aspects. Au sein de ce schéma, on ne raisonne plus en “block” ou “inline”, ni même en float ou autres types de boîtes “classiques” CSS, mais en “Modèle de boîte flexible”, dont les quatre possibilités principales sont : Note : ce tutoriel a été initialement rédigé en octobre 2010.
Google cache des fonctions cachées ? Parce qu’on tape plus d’une requête par jour. Google est aussi, le moteur de recherche le plus utilisé en Europe. Mais Google est aussi une usine à gaz de codes et de développements. Les développeurs de la firme s’amusent à cacher des fonctionnalités dans la plupart des services Google. webdesign » Ressources et tutoriaux pour webdesigner Fan de publicité et de Marvel ? Découvrez le super héros SpiderMan dans ce spot d’Evian ! Être le numéro 1 sur les moteurs de recherche est le but de tout le monde, et plus particulièrement sur Google. Le géant américain lance un nouveau blog dédié aux experts français. Pour la typographie de ce vendredi, découvrez la Oranienbaum (facile à prononcer, hein). Nous sommes vendredi et place à une nouvelle typo à découvrir !
Sass : Mixin ou Placeholder ? Hugo 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. Par Hugo Giraudel Quand j'ai commencé à m'amuser avec Sass il y a un an et demi, j'ai mis un peu de temps à comprendre la différence entre inclure un mixin et étendre un placeholder. En fait, la notion même de placeholder relevait un peu de la magie noire pour moi. Si vous êtes dans le même cas, pas d'inquiétude. Compter les mots / compteur de mots Ecrivez ou collez votre texte à analyser dans le champ ci dessus et appuyez sur le bouton 'OK' afin de lancer l'analyse. Ce compteur de mots en ligne gratuit vous permet de : Compter le nombre de mots et d'expressions de 2 / 3 / 4 mots présents dans le texteCompter le nombre de mots distinctsCompter le nombre de caracteresCompter le nombre de caracteres sans les espaces Une synthèse (mots simples et expressions composées) regroupera toutes ces entités classées par occurences décroissantes Cet outi s'adresse aux écrivans, journalistes, professeurs, étudiants, traducteurs et principalement au referenceurs SEO qui recherchent à analyser un contenu editorial. Occurence des mots
Ombres avancées avec CSS3 et box-shadow CSS3 c’est pour l’aspect vendeur du nom, car au final on va aussi et surtout bénéficier du service de pseudo éléments (:after et :before) qui sont prévus depuis CSS2.1. Les visuels que vous voyez sur la page de démonstration ne sont composés qu’avec des propriétés CSS sur une seule et unique <div> (pour chaque bloc). Chez moi le meilleur rendu est sous Firefox, notamment pour la dernière ombre qui est un peu osée (au passage il semblerait que la propriété opacity ne fonctionne pas sur les pseudo-éléments). Dans cette démonstration nous allons utiliser des propriétés avancées de CSS2.1 (:before et :after) qui sont des pseudo-éléments. Des pseudo-éléments permettent de construire un élément dans la structure de votre document (DOM) sans vraiment en construire un… ok, ça commence bien pour l’explication. Pseudo-éléments :after et :before
De la géométrie avec CSS Grâce aux CSS et à la nouvelle norme CSS3, nous pouvons créer de plus en plus de formes telles que les carrés, les rectangles, les ronds, etc. Dans cet article, je vais présenter les différentes possibilités de formes faisables en CSS (du moins une liste non exhaustive). Tous les exemples auront pour structure HTML cette base : Compatibilité : Chrome, Safari, Opera, Firefox 4, IE9.Compatibilité partielle : Firefox 3.5 et IE8 (problème avec le border-radius). 5 commentaires Article lu 102502 fois. Tester le Duplicate content google d'une page Le duplicate content / contenu dupliqué Le duplicate content pour Google, c'est tout simplement un contenu partiellement ou totalement similaire qui est présent à différents endroits du web. C'est nocif pour votre referencement car si votre contenu est dupliqué à un autre endroit, l'URL copiée sera moins bien referencée ou pénalisée . Certains services comme Positeo ou Copyscape font déjà très bien les analyses externes : vous rentrez 1 URL ou un texte et ces outils gratuits recherchent dans leur base de données pour trouver un plagiat. L'outil que je vous propose testera simplement 2 points : L'URL avec et sans les www.L'URL suffixée avec la liste de fichiers index.* ci après