background preloader

HTML Cheat Sheet □ - The best interactive cheat sheet

HTML Cheat Sheet □ - The best interactive cheat sheet

https://htmlcheatsheet.com/

Related:  3.4. ProgrammerAdministration Web, HTMLludoquef

Mémento des propriétés CSS - Apprenez à créer votre site web avec HTML5 et CSS3 Cette page est une liste non exhaustive des propriétés CSS qui existent en CSS3. Pour la plupart, ce sont des propriétés que nous avons vues dans le cours, mais vous trouverez aussi quelques nouvelles propriétés que nous n'avons pas abordées. La liste est non exhaustive car mon but n'est pas de faire la liste de toutes les propriétés CSS qui peuvent exister : il y en a vraiment trop (plus de deux cents !)

Mémento des balises HTML - Apprenez à créer votre site web avec HTML5 et CSS3 Cette page est une liste non exhaustive des balises HTML qui existent. Vous trouverez ici un grand nombre de balises HTML. Nous en avons déjà vu certaines dans le cours, mais il y en a d'autres que nous n'avons pas eu l'occasion d'étudier.

Developer Tools - W3C Developers Get help Stack Overflow has a great and active community focused around W3C Standards and W3C developer tools. To ask a question to the W3C Community, we invite you to use the w3c tag. Sass: Built-In Modules rgb($red $green $blue)rgb($red $green $blue / $alpha)rgb($red, $green, $blue, $alpha: 1)rgb($color, $alpha)rgba($red $green $blue)rgba($red $green $blue / $alpha)rgba($red, $green, $blue, $alpha: 1)rgba($color, $alpha) //=> color Compatibility (Level 4 Syntax): Dart Sass since 1.15.0 LibSass Pseudo-classes - CSS : Feuilles de style en cascade Une pseudo-classe est un mot-clé qui peut être ajouté à un sélecteur afin d'indiquer l'état spécifique dans lequel l'élément doit être pour être ciblé par la déclaration. La pseudo-classe :hover, par exemple, permettra d'appliquer une mise en forme spécifique lorsque l'utilisateur survole l'élément ciblé par le sélecteur (changer la couleur d'un bouton par exemple). Les pseudo-classes permettent d'appliquer un style à un élément non seulement en fonction de son contenu dans l'arbre du document mais aussi en fonction de facteurs externes (l'historique de navigation par exemple avec :visited ; le statut du contenu avec :checked ; la position de la souris :hover). Note : À la différence des pseudo-classes, les pseudo-éléments peuvent être utilisés afin d'appliquer un style sur une certaine partie d'un élément. Syntaxe

Comprendre le fonctionnement des données structurées Le moteur de recherche de Google met tout en œuvre pour comprendre le contenu d'une page. Dans cette optique, vous pouvez nous fournir des informations claires sur la signification d'une page en y ajoutant des données structurées. Ces données structurées sont un format normalisé permettant de fournir des informations sur une page et de classer le contenu de cette page. Par exemple, sur une page de recette, il peut s'agir des ingrédients, du temps et de la température de cuisson, des calories, etc. Google s'appuie sur des données structurées trouvées sur le Web pour comprendre le contenu de la page, ainsi que pour recueillir des informations au sujet du Web et du monde en général. Documentation Here is some of the documentation available on this site: Site Info Getting Started: A simple introduction to microdata and using schema.org for marking up your site.About Schema.org: Learn more about the project. ... and how we work.Releases: Full history of recent releases.

Flexy Boxes — CSS flexbox playground and code generation tool Flexbox browser support Three versions of the flexbox spec – each with different syntax – have been implemented in browsers. The two 2012 specs are roughly equivilant in terms of features, differing mainly in syntax. The earlier 2009 spec is less comprehensive though covers a lot of the same ground. Flexbox 2012 — W3C Candidate Recommendation, September 2012 Opera 12.1+, Firefox 22+. Chrome 21 -webkit- Flexbox early 2012 — W3C Working Draft, 22 March 2012 Internet Explorer 10 -ms- Flexbox 2009 — W3C Working Draft, 23 July 2009 Firefox 2+ -moz-, Chrome 4+ -webkit-, Safari 3.1+ -webkit-. iOS Safari 3.2+ -webkit-

How to Meet WCAG (Quickref Reference) For moving, blinking, scrolling, or auto-updating information, all of the following are true: Moving, blinking, scrolling: For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential; andAuto-updating: For any auto-updating information that (1) starts automatically and (2) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it or to control the frequency of the update unless the auto-updating is part of an activity where it is essential. Note 1: For requirements related to flickering or flashing content, refer to Guideline 2.3.

Bien débuter en référencement naturel (SEO) : principes de base À qui s'adresse ce guide ? Si vous possédez du contenu en ligne, si vous le gérez, le monétisez ou en faites la publicité via la recherche Google, ce guide vous est destiné. Il s'adresse aussi à vous si vous êtes propriétaire d'une entreprise en pleine expansion, propriétaire d'une dizaine de sites, spécialiste du référencement naturel dans une agence Web ou simple amateur qui s'intéresse au SEO et se passionne pour les mécanismes de la recherche.

Related: