background preloader

Vendor-prefixed CSS Property Overview

Vendor-prefixed CSS Property Overview
Related:  HTML5 & CSS3html5/css3CSS

Bibliothèque Modernizr : Compléter HTML5/CSS3 Il est de plus en plus rare aujourd’hui de trouver un web designer qui ne code pas ses propres créations. Il y a tant de ressources en ligne qui enseignent les bases du HTML et CSS (Apprendre le HTML5 par exemple …), et puisque ces langages sont très facile et s’apprennent rapidement, il y a maintenant beaucoup de graphistes qui ont des connaissances de base de balisage et de style. Mais si une fonctionnalité HTML5 ou CSS3 ne fonctionne pas dans certains navigateurs, nous devons nous assurer que nous offrons à ces navigateurs une alternative secondaire ou de secours. Donc, dans cet article, je vais vous présenter une façon de vous assurer que vos conceptions sont en mesure de tirer parti des nouvelles fonctionnalités HTML5 et CSS3 en utilisant la bibliothèque JavaScript Modernizr. Si vous ne maitrisez pas ou ne connaissez rien au JavaScript, aucun problème. Qu’est-ce que Modernizr ? Modernizr n’ajoute pas de fonctionnalités aux navigateurs. Télécharger et relier Modernizr à votre site web

CSS reference - CSS Use this CSS reference to browse an alphabetical index of all the standard CSS properties, pseudo-classes, pseudo-elements, data types, and at-rules. You can also browse a list of all the CSS selectors organized by type and a list of key CSS concepts. Also included is a brief DOM-CSS / CSSOM reference. Basic rule syntax Style rule syntax Style rule examples For a beginner-level introduction to the syntax of CSS selectors, please see this tutorial. At-rule syntax As the structure of at-rules varies widely, please see At-rule to find the syntax of the specific one you want. Keyword index Note: The property names in this index do not include the JavaScript names where they differ from the CSS standard names. Selectors Simple selectors Combinators Pseudo-classes Pseudo-elements Concepts Syntax and semantics Values Layout Major object types Important methods See also Mozilla CSS extensions (prefixed with -moz-) WebKit CSS extensions (mostly prefixed with -webkit-) Microsoft CSS extensions (prefixed with -ms-)

Les traductions de documents du W3C English documents Les traductions de documents du W3C Préambule Cette page liste les traductions de rapports techniques du W3C publiées ici. Mise en garde Les documents du W3C peuvent recéler des erreurs. La liste des traductions publiées ici Les profils composites de capacités/préférences (CC/PP) : structure et vocabulaires 1.0 Un modèle de caractères pour le Web 1.0 : Les principes de base Les problèmes courants dans l'implémentation de HTTP CoolUris Adresses URI sympas pour le Web sémantique Les feuilles de style en cascade niveau 1 Les feuilles de style en cascade, niveau 2 Les problèmes courants des agents utilisateurs Di-Gloss-20030825 Un glossaire des termes de l'indépendance par rapport aux appareils DOM2-Core La spécification du modèle objet de document (DOM) niveau 2 Core DOM2-Events La spécification du modèle objet de document (DOM) niveau 2 Events La spécification du modèle objet de document (DOM) niveau 2 HTML DOM2-Style La spécification du modèle objet de document (DOM) niveau 2 Style Mobile-BP

Les subtilités du "Positionnement" en CSS CSS3 . Info - All you ever needed to know about CSS3 CssDeck Alternatives AlternativeTo AlternativeTo is a free service that helps you find better alternatives to the products you love and hate. The site is made by Ola and Markus in Sweden, with a lot of help from our friends in Italy, Finland, USA and contributors from all over the world. Feel free to send us your questions and feedback on, in our discussion forums or tweet us at @AlternativeTo Web Education Community Group Welcome to the Web Education Community Group Wiki! This page contains resources to help you teach or learn modern web development: The first section — The web standards curriculum — is a series of tutorial articles covering web design and development high level concepts, and essential technologies such as HTML, CSS and JavaScript. This is ideal for beginners wanting to learn the art of web design, or teachers looking for accurate material to use as the basis of teaching material. Note: This is not a finalised site, but a development site for our material — it will be placed on a dedicated publishing platform in coming months, and a lot more material will be added. Introduction What follows is a list of all the articles within the web standards curriculum, which will give you an essential grounding in Hypertext Markup Language (HTML), Cascading Stylesheets (CSS), JavaScript, accessibility, and the other topics you need to be a modern web developer/designer. The beginning HTML beginnings

Element Index <header> <h4><a href="#comment-2" rel="bookmark">Comment #2</a> by <a href=" Osborne</a></h4> <time datetime="2007-08-29T13:58Z">August 29th, 2007 at 13:58</time> </header> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Most popular smartphone screen resolutions 2015 The first 4K (2160 x 3840) smartphone, the ZTE Star 3, is reportedly on the way, and thus perhaps 4K will become the new standard for mobile device screen resolution. However, lower resolutions are currently the most popular in the smartphone world. Check out the most recent statistics on top smartphone screen resolutions in 2015 based on browser hits. The number of dots on the screen Screen resolution provided by the device manufacturer defines the number of pixels (the tiniest addressable points) available on the screen, and it is usually quoted as width × height. Generally speaking, more dots allow designers to fit more content on the screen, such as GUI elements, apps, and websites. Physical vs. virtual pixels It is also worth mentioning that for many graphic designers CSS pixels are a more important factor than physical pixels listed by device manufacturers. A CSS pixel (px) equals 1/96th of 1in. Download: 8 Myths About Building Mobile-Friendly Websites

Floats and clearing - Web Education Community Group Introduction In this article of the Web Standards Curriculum you will get acquainted with floating and clearing—two must-have tools for the modern web designer. They are versatile tools that you can use to allow text to flow around images or even create multi-column layouts. What are float and clear for? If you look in a typical magazine you’ll see images illustrating the articles, with the text flowing around them. The float property in CSS was created to allow this style of layout on web pages. Although floating was intended for use with any elements, designers most commmonly use it to achieve multi-column layouts without having to abuse table markup. Some boring theory In order to explain how floating works, you need to peek under the bonnet and look at how a web browser renders an HTML/CSS document. Each visible HTML element generates a box which is then rendered. Just as there are block-level and inline elements in HTML, there are block-level and inline boxes in CSS. OK! <! The minutiae

mezzoblue § Home