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 13 / 18
348 results tagged css  ✕
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
CSS Reference - A free visual guide to the most popular CSS properties. http://cssreference.io/
22/11/2016 23:09:02

Un guide visuel pour la plupart des propriétés CSS. A avoir sous la main si vous avez un doute :)

CSS guide
I totally forgot about print style sheets https://medium.com/@matuzo/i-totally-forgot-about-print-style-sheets-f1e6604cfd6#.af0if4loj
21/11/2016 17:29:49

Quelques astuces pour une feuille de style d'impression de qualitayyy.

CSS impression
Les préprocesseurs CSS, c’est senSass ! - Alsacreations http://www.alsacreations.com/article/lire/1717-les-preprocesseurs-css-c-est-sensass.html
27/10/2016 22:08:54

Une introduction à SASS.

sass CSS tuto
Heydon/fukol-grids https://github.com/Heydon/fukol-grids
21/10/2016 22:09:32

Un système de grid CSS ultra-simple qui utilise la puissance de flexbox. Et aussi un logo avec des zizis.

flexbox wtf CSS grid
page 13 / 18
4158 links, including 129 private
Shaarli - The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community - Theme by kalvn