background preloader

CSS

Facebook Twitter

Font-style. Responsive Images : comprendre srcset et sizes - Alsacreations. Entre les images floues sur écrans rétina, mal adaptées ou trop lourdes, il n'est pas toujours évident de gérer les différentes ressources graphiques sur l'ensemble des surfaces et des périphériques. Les techniques de Responsive Web Design tiennent parfois (souvent) de la bidouille et il est difficile de distinguer les bonnes pratiques d'intégration. Au sein des différentes spécifications existantes et des techniques utilisables en production, srcset, sizes et <picture> sortent du lot aujourd'hui. Dans cet article, nous allons tenter de mieux comprendre comment fonctionne vraiment srcset. Note : cet article a été initialement rédigé en avril 2014 par Geoffrey Crofte. Il a subi une refonte intégrale en mai 2017 pour se mettre à jour et s'étoffer considérablement.

Images fluides, l'échauffement Lorsque vous insérez une image dans votre page web, il y a de fortes chances pour que vous utilisiez un code semblable à : srcset, pour piocher la bonne ressource srcset et le descripteur "x" Html - Why an inline "background-image" style doesn't work in Chrome 10 and Internet Explorer 8? Bootstrap Theme "Company" Compass Home. Sass: Sass Basics. Before you can use Sass, you need to set it up on your project.

Sass: Sass Basics

If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything setup. Preprocessing CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. CSS Reference : excellente documentation. Selectors Level 3. Abstract Selectors are patterns that match against elements in a tree, and as such form one of several technologies that can be used to select nodes in an XML document.

Selectors Level 3

Selectors have been optimized for use with HTML and XML, and are designed to be usable in performance-critical code. CSS (Cascading Style Sheets) is a language for describing the rendering of HTML and XML documents on screen, on paper, in speech, etc. Cool Blue Outer Glow Pointer Cursor. Option #1 - Universal CSS/HTML Code This CSS/HTML Code of Cool Blue Outer Glow Pointer works on almost every website or web page on the internet that allows, CSS and HTML coding.

Cool Blue Outer Glow Pointer Cursor

Like forums, normal web page etc. Comment modifier le curseur de la souris sur un site ? - Sujet de la discussion : Comment modifier le curseur de la souris sur un site ? - Forum : CSS ou feuille de style. Animation css3 : Cartes. Introduction Voici une application des styles css3 utilisant la transformation et la transition pour donner un effet d'affichage de plusieurs images sur le passage de la souris.

Animation css3 : Cartes

Mise en place La partie html est succincte, la logique étant située au niveau des styles CSS : Le code html est le suivant : Nous allons voir en détail la partie CSS : La div 'conteneur' applique un simple style de mise forme avec la gestion du dépassement masqué (style overflow:hidden), alors que la div 'parent' joue un rôle pour définir la perspective. Les cinq divisions affichées à l'intérieur appliquent les mêmes effets de transition et de transformation avec des valeurs de translations différentes pour avoir un positionnement spécifique les unes par rapport aux autres.

SlideShow

Les sélecteurs. 5.1 La reconnaissance d'un motif En CSS, des règles de reconnaissance de motifs déterminent les règles de style qui s'appliquent aux éléments de l'arbre du document.

Les sélecteurs

Ces motifs, nommés sélecteurs, sont variés, allant du simple nom d'un élément jusqu'aux riches motifs contextuels. Quand toutes les conditions d'un motif sont vérifiées pour un élément donné, celui-ci est retenu par le sélecteur. Dans un sélecteur, la sensibilité à la casse d'un nom d'élément du document dépend du langage utilisé pour le document. Cette table résume la syntaxe du sélecteur de CSS2 : 5.2 La syntaxe des sélecteurs Un sélecteur simple est soit un sélecteur de type, soit un sélecteur universel immédiatement suivi par un sélecteur d'attribut, un sélecteur d'ID ou une pseudo-classes, zéro ou plusieurs de ceux-ci, dans n'importe quel ordre.

Sélecteur consiste en une succession d'un, ou plusieurs, sélecteurs simples, séparés par des combinateurs. Combinateurs sont : les caractères blancs et les caractères ">" et "+". Style CSS - Index des styles css. CSS Débutant : cours et tutoriels sur les feuilles de style CSS 1,2 et 3. Prenez en main Bootstrap. Vous créez des pages web et vous passez beaucoup (trop) de temps avec le CSS ?

Prenez en main Bootstrap

Alors Bootstrap est fait pour vous ! Ce cours va vous guider dans la découverte de cette puissante boîte à outils. Bootstrap, kit CSS créé par les développeurs de Twitter, est devenu en peu de temps le framework CSS de référence. Vous allez découvrir pas à pas comment construire rapidement et facilement des sites web esthétiques et responsives. Bootstrap offre aussi des plugins jQuery de qualité pour enrichir vos pages.

Pour profiter pleinement de ce cours, il faudrait que vous possédiez quelques connaissances préalables : La base indispensable est de posséder de bonnes notions en HTML et CSS. Allez, on y va ! CSS Gallery for Web Design Inspiration - CSS Nectar. Flat UI - Free Bootstrap Framework and Theme. Header 3The Vatican transitions to a Header 4Great American Bites: Telluride's Oak, The Header 5Author Diane Alberts loves her some good Header 6With the success of young-adult book-to-movie Paragraph Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Flat UI - Free Bootstrap Framework and Theme

Image Lead Text Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quote Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Small Font. Default.