public marks

PUBLIC MARKS with tags tutoriel & css

This year

CSS - @font-face - Using @font-face - CSS-Tricks

by decembre
The @font-face rule allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS. Without the rule, our designs are limited to the fonts that are already loaded on a user's computer, which vary depending on the system being used. Here's a nice breakdown of existing system fonts.

CSS - RESPONSIVE - MEDIA QUERIES - The math of CSS locks

by decembre
A CSS lock is a Responsive Web Design technique that lets you transition smoothly between two values, depending on the current viewport size, rather than jump straight from one value to the other.

CSS - float - All About Floats | CSS-Tricks

by decembre
All About Floats By Chris Coyier On July 8, 2009

2015

CSS - ICONS - @font-face, Accélérez vos polices d'icônes ! - Alsacreations

by decembre
Aller un peu plus loin Oui mais voila, il reste encore trop de fichiers à charger. C'est là qu'intervient le schéma Data-URI, que l'on utilisait pour les icônes images afin de supprimer une requête en intégrant directement l'image dans le fichier CSS. L'idée est la même, intégrer directement la police de caractères dans le fichier CSS. Une option disponible dans les préférences d'Icomoon : "Encode et Embed Font in CSS". On se retrouve avec un fichier CSS contenant les définitions suivantes, où les versions TTF et WOFF de la police sont directement dans le fichier CSS, la version EOT restant externe.

jQuery - TUTO - Iframe - Créer un élément HTML dans le DOM avec jQuery

by decembre
Le sélecteur jQuery est la plupart du temps utilisé pour sélectionner des éléments existant dans le DOM, via une règle CSS. Mais le sélecteur peut aussi créer de nouveaux éléments HTML de manière extrêmement simple ! Voici un petit exemple très simple qui créé un élément div , écrit "Salut !" à l'intérieur, puis enfin ajoute cet élément à la fin de la page web (en l'ajoutant à la fin body) :

2014

2013

Les pépites du web #1

by LuciferX
Lancement d’une toute nouvelle catégorie sur le blog, il s’agit d’une sélection de ressources de très bonnes qualités ayant attiré mon attention et qui méritent un coup d’œil.

CSS - Espace d'échange - CSS Discuss

by decembre & 1 other (via)
Quand un élément est flottant, son parent ne contient plus parce que le flotteur est retiré de la circulation. Pour savoir pourquoi cela se produit, lire Contenant Flotteurs Eric Meyer (Fortement recommandé). Puis, une fois que vous comprenez ce qui se passe, utilisez l'une des méthodes ci-dessous pour «fixer».

CSS - Les colonnes factices - Pompage.net -

by decembre (via)
Comment faites-vous pour que la couleur d'arrière-plan de la colonne de droite s'étende jusqu'en bas de la page ?. Le secret, embarrassant de simplicité, est d'utiliser une image d'arrière-plan qui se répète verticalement pour créer l'illusion de colonnes en couleur

CSS - Centering in the Unknown | CSS-Tricks

by decembre
When it comes to centering things in web design, the more information you have about the element being centered and its parent element, the easier it is. So what if you don't know anything? It's still kinda doable.

CSS - Centering Percentage Width/Height Elements | CSS-Tricks

by decembre & 1 other (via)
If you know the exact width/height of an element, you can center it smack dab in the middle of its parent element easily with this classic trick: top and left set to 50% and negative margins half the width and height of the element. That's great if you know the width and height of the element you're trying to center, but what if they are percentages?

2010

2009

The Mystery of CSS Float Property « Smashing Magazine

by Monique & 4 others
In this article, we’ll discuss exactly what the float property is and how it affects elements in particular contexts. We’ll also take a look at some of the differences that can occur in connection with this property in the most commonly-used browsers.

2008

CSS Debutant : Les feuilles de style CSS pour les débutants

by parmentierf & 2 others (via)
CSS débutant a vu le jour au mois de mars 2001 alors que les CSS étaient encore peu utilisées car mal implémentées dans les navigateurs. En matière d'évangélisation (amen !), peu de choses existaient alors dans le milieu francophone... Depuis, bien sûr, les choses ont évolué. L'utilisation des feuilles de style est devenue pratique courante. Mais lorsqu'on débute, par où commencer pour apprendre et comprendre les notions du langage CSS ?

PUBLIC TAGS related to tag tutoriel

as3 +   flash +   gobelins +   portail +   ressources +  

Active users

decembre
last mark : 09/06/2017 09:54

dzc
last mark : 10/06/2014 17:31

LuciferX
last mark : 03/09/2013 16:38

emmanuelc
last mark : 28/04/2013 22:08

Geekye
last mark : 14/06/2010 07:51

Monique
last mark : 12/05/2010 16:05

canette
last mark : 10/08/2009 10:10

sensipode
last mark : 22/12/2008 10:43

parmentierf
last mark : 10/10/2008 14:15

alextension
last mark : 25/09/2008 18:59