2015
2014
Velocity.js
by 3 othersVelocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.
Project Parfait (Beta)
by 3 othersPSD CSS Extraction, Measurements and Image Optimization Service for the Web
2013
Creating Non-Rectangular Layouts with CSS Shapes
by 1 otherWith the introduction of CSS Shapes into the web, wrapping content in custom non-rectangular shapes, and recreating print designs and layouts on the web becomes a piece of cake!
Browserhacks
by 3 othersBrowserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.
2012
KNACSS, un mini framework CSS qui claque sous la dent !
by 4 othersSon but est de servir de base commune à tous les projets d'intégration web, grâce à une nomenclature et des conventions constantes. Mais aussi de faciliter les positionnements d'éléments, de gérer les alignements, les gouttières, etc. Le tout de la façon la plus propre et accessible possible
Un joli casse-tête en intégration – HTeuMeuLeu
by 3 othersC'est un effet graphique assez classique, en particulier dans la presse papier. Pourtant, il se trouve que ça reste relativement complexe à reproduire de manière simple en CSS.
Voici les règles à respecter :
Le texte ne doit contenir aucune balises (donc pas de span pour chaque ligne, pas de br)
Vous pouvez utiliser autant de balises que vous voulez autour du texte
Pas de JavaScript, que du HTML et CSS
Le fond blanc doit suivre le contour du texte
Il y a une marge à l'intérieur du fond blanc autour du texte de 20px à gauche et à droite de chaque ligne, et d'environ 10px en haut et en bas
Le texte est dynamique, et on doit donc pouvoir le modifier en conservant l'effet
La solution doit fonctionner sur les navigateurs modernes (IE9, Firefox 13, Chrome 19, ...)
2011
Display-inline.fr - Générateur de dégradé CSS / CSS
by 1 otherbackground: -webkit-gradient(
10
linear,
11
left top, left bottom,
12
from(#fafafa),
13
to(#eeeeee)
14
);
15
background: -webkit-linear-gradient(
16
top,
17
#fafafa,
18
#eeeeee
19
);
20
background: -moz-linear-gradient(
21
top,
22
#fafafa,
23
#eeeeee
24
);
25
background: -o-linear-gradient(
26
top,
27
#fafafa,
28
#eeeeee
29
);
30
background: linear-gradient(
31
top,
32
#fafafa,
33
#eeeeee
34
);
