kalvn's links
Tag cloud
Picture wall
Daily
RSS Feed
  • RSS Feed
  • Daily Feed
  • Weekly Feed
  • Monthly Feed
Filters

Links per page

  • 20 links
  • 50 links
  • 100 links

Filters

Untagged links
page 12 / 17
332 results tagged CSS  ✕
Les 30 Sélecteurs CSS à Absolument Connaître https://code.tutsplus.com/fr/tutorials/the-30-css-selectors-you-must-memorize--net-16048
17/02/2017 10:54:53

Une saine lecture. C'est du classique mais il est toujours bon de rappeler les possibilités offertes par CSS. Bon par contre, n'abusez pas de sélecteurs ultra compliqués. Même s'il est possible de faire des choses assez complexes, ça ne veut pas dire que c'est judicieux. En ce qui me concerne, les sélecteurs avancés me sont surtout utiles quand je dois customiser du code HTML sur lequel je n'ai pas la main.

Juste une petite rectification sur l'article :after et :before sont des pseudo-éléments et pas des pseudo-classes.

Par contre quand je vois ce type d'articles je m'interroge toujours sur les performances de chaque sélecteur. Je me doute qu'à moins d'y aller comme un bourrin, les différences en perf sont négligeables mais si quelqu'un a un comparatif ça m'intéresse.

css
Let's Look at 50+ Interesting CSS Properties & Values | CSS-Tricks https://css-tricks.com/lets-look-50-interesting-css-properties-values/
06/02/2017 13:51:30

tl;dr

css
CSSPIN - CSS Spinners and Loaders https://webkul.github.io/csspin/
02/02/2017 22:33:31

Bon forcément le nom du site fait sourire mais y a quand même des trucs pas mal :)

css loading
Hero Patterns - Repeatable SVG Background Patterns http://www.heropatterns.com/
02/02/2017 21:09:53

Une idée intéressante pour styliser un bloc de manière légère et discrète.

web design background css svg
you-dont-need/You-Dont-Need-Javascript: CSS is powerful, you can do a lot of things without JS. https://github.com/you-dont-need/You-Dont-Need-Javascript
18/01/2017 22:14:28

Quelques réalisations en pur CSS, sans JS.

css JavaScript
Color Supply http://colorsupplyyy.com/app/
10/01/2017 10:15:40

Excellent cet outil ! Il vous aide à choisir des ensembles de couleurs qui vont bien ensemble selon différents procédés (couleurs complémentaires, analogues, etc.).

couleur css design
Intro to the 8-Point Grid System – Built to Adapt – Medium https://medium.com/built-to-adapt/intro-to-the-8-point-grid-system-d2573cde8632#.bve1ch5fe
03/01/2017 13:22:40

Utiliser des multiples de 8pt pour dimensionner une UI, pour améliorer le rendu lors d'un "scaling" du navigateur et éviter les demi-pixels par exemple.

La spec est plus détaillée ici.

scale pixel grid css UI
BEM and Maintainable CSS https://www.stackbuilders.com/news/bem-and-maintainable-css
03/01/2017 09:49:09

BEM a l'air d'être une méthodologie intéressante pour la maintenabilité du code CSS dans les gros projets. Surtout couplée à SASS.

Via https://blog.stephaniewalter.fr/la-semaine-en-pixels-16-decembre-2016/

sass css bem
Christmas loader http://codepen.io/robin-dela/pen/ZBvpzb
20/12/2016 18:02:04

Bluffant.

loading css animation
20 Codepen Solutions for Awesome Mouse Effects http://www.onextrapixel.com/2016/10/05/20-codepen-solutions-for-awesome-mouse-effects/
16/12/2016 16:41:01

Des effets hover originaux (un peu lourds pour certains).

hover css animation
SVG Line Animation for the Uninitiated – Bitmatica Lab – Medium https://medium.com/bitmatica-lab/svg-line-animation-for-the-uninitiated-5a65d91c6044#.mq4lj2lwt
16/12/2016 16:39:00

Animer du SVG en CSS.

css svg animation
Grade.js http://benhowdle.im/grade/
16/12/2016 16:34:44

Comment enjoliver un peu les images en les encadrant avec leur couleur dominante.

Via https://www.creativejuiz.fr/blog/ressources-telechargements/les-ressources-du-web-28

image css JavaScript lib
http://www.alsacreations.com/xmedia/tools/flexbox-cheatsheet.pdf http://www.alsacreations.com/xmedia/tools/flexbox-cheatsheet.pdf
06/12/2016 14:56:16

Une cheat-sheet très bien foutue pour Flexbox.

Via http://www.alsacreations.com/outils/lire/1719-flexbox-cheat-sheet-pense-bete.html

css flexbox cheatsheet
The State of Front-End Tooling 2016 - Results - AshleyNolan.co.uk - Blog and Portfolio for Ashley Nolan https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results
02/12/2016 09:27:59

L'état des outils front-end en 2016.

Quelques stats intéressantes

front-end JavaScript css statistique
Tilt Hover Effects | Codrops http://tympanus.net/Development/TiltHoverEffects/
30/11/2016 13:57:34

Des effets "hover" assez originaux.

Via https://blog.stephaniewalter.fr/semaine-pixels-25-novembre-2016/

css animation hover
Epargner le téléchargement des polices dans une page web à vos utilisateurs - Liens en vrac de sebsauvage http://sebsauvage.net/links/?SOYZoA
29/11/2016 09:43:29

Une bonne pratique : pour éviter le téléchargement inutiles de polices, essayer de trouver les polices natives qui ressemblent le plus à ce que vous cherchez.

font css optimisation
10 principles for smooth web animations https://blog.gyrosco.pe/smooth-css-animations-7d8ffc2c1d29#.2cigjk6yi
24/11/2016 15:51:44
animation optimisation css
CSS Loader http://www.raphaelfabeni.com.br/css-loader/
23/11/2016 16:55:37

Des CSS loaders intéressants. Ils sont en pur CSS et n'utilisent qu'un div.

Via https://blog.stephaniewalter.fr/semaine-pixels-18-novembre-2016/

css loading
THREE Image Transition https://codepen.io/zadvorsky/pen/PNXbGo/
23/11/2016 16:54:05

Impressionant o_O

Via https://blog.stephaniewalter.fr/semaine-pixels-18-novembre-2016/

demo JavaScript css animation
What is the difference between CSS variables and preprocessor variables? | CSS-Tricks https://css-tricks.com/difference-between-types-of-css-variables/
23/11/2016 16:38:53

Quelques cas d'utilisation des variables CSS.

css variable
page 12 / 17
3965 links, including 129 private
Shaarli - The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community - Theme by kalvn