2015
2014
Pure CSS parallax scrolling websites | Keith Clark
by Krome & 1 other
Pure CSS parallax scrolling websites
Velocity.js
by Krome & 3 others
Velocity 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 Krome & 3 others
PSD CSS Extraction, Measurements and Image Optimization Service for the Web
2013
Creating Non-Rectangular Layouts with CSS Shapes
by Krome & 1 other
With 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 Krome & 3 others
Browserhacks 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 Krome & 4 others
Son 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 Krome & 3 others
C'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
“Mobile first” CSS and getting Sass to help with legacy IE
by greut
Taking a “mobile first” approach to web development poses some challenges if you need to provide a “desktop” experience for legacy versions of IE. Using a CSS pre-processor like Sass can help.
Display-inline.fr - Générateur de dégradé CSS / CSS
by Krome & 1 other
background: -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
);
