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 15 / 17
338 results tagged css  ✕
Popper.js https://popper.js.org/
02/06/2016 09:44:52

Une librairie de popover sans dépendances qui résout bon nombre de problématiques inhérentes à ce type de composant (placement lors du scroll, s'assurer qu'il soit toujours visible, etc.).

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

lib css JavaScript popup popover tooltip
How to Center in CSS http://howtocenterincss.com/
28/05/2016 14:17:21

Un outil pas à pas qui aide à centrer du contenu en CSS. Il génère le code en fonction des différente contraintes que l'on sélectionne (comme la compatibilité IE par exemple).
Inutile pour les vrais pros du CSS mais ça peut toujours faire gagner du temps quand on a plus en tête tous les cas possibles.

Via https://blog.stephaniewalter.fr/la-semaine-en-pixels-27-mai-2016/

css centrer générateur code
Mini Convention CSS - Alsacreations http://www.alsacreations.com/article/lire/1707-mini-convention-css.html
26/05/2016 22:06:59

Des bonnes pratiques CSS qu'il est toujours bon de rappeler.

css good-practice
Des propriétés CSS supportées par Firefox… - CSS / CSS3 | Creative Juiz https://www.creativejuiz.fr/blog/css-css3/des-proprietes-css-supportees-par-firefox
18/05/2016 18:58:42

Des propriété CSS avancées assez intéressantes. Par contre pour l'instant ça ne fonctionne que sur Firefox.
D'autres ici : http://iamvdo.me/en/blog/css-element-function

css avancé effet
Accessible, Simple, Responsive Tables | CSS-Tricks https://css-tricks.com/accessible-simple-responsive-tables/
06/05/2016 10:20:08

Quelques astuces pour faire des tables responsives. C'est surtout intéressant parce que ça met en lumière le fait qu'on ne peut pas nécessairement appliquer une bête règle à toutes les tables. Ça requiert souvent un peu de réflexion. C'est pourquoi l'article suggère plusieurs méthodes.

css responsive tableau
Polaroid Images with CSS3 http://codepen.io/alexandracaulea/pen/YqYajp
04/05/2016 14:11:36

Un effet polaroid assez sympa à base de CSS.

polaroid photo css effet
Material Design Input & Textarea focus animation http://codepen.io/lehollandaisvolant/pen/aNQNjx
03/05/2016 16:10:50
material design input textarea animation css
Spirit https://spiritjs.io/
11/04/2016 11:23:30

Un outil qui a l'air extrêmement prometteur pour créer facilement des animations complexes. L'interface se constitue principalement d'une timeline. C'est toujours en beta, accessible uniquement sur invitation mais j'ai hâte de voir ce que ça permettra.

animation JavaScript css
Dead simple CSS spinner/loader http://codepen.io/MoOx/pen/grXZRQ
10/04/2016 20:10:25

Une manière très ingénieuse de faire un loader uniquement avec des bordures, des border radius, une rotation et une animation.

css loading
Hamburgers by Jonathan Suh https://jonsuh.com/hamburgers/
29/03/2016 11:41:59

Des bouttons hamburgers animés de moult façons.

bouton hamburger css animation
Images responsive, flexbox et souci de ratio d'affichage - Alsacreations http://www.alsacreations.com/astuce/lire/1701-images-responsive-flexbox-bug-ratio.html
06/03/2016 21:04:11

Si vous avez des soucis avec le ratio de vos images lorsqu'elles sont des flex-items.

flexbox css bug
Un Effet Lomographie En CSS - CSS / CSS3 | Creative Juiz http://www.creativejuiz.fr/blog/tutoriels/effet-lomographie-css
03/03/2016 16:24:11

Un bon article qui illustre la puissance du CSS moderne pour ce qui est du traitement d'image.

css effet image traitement
GitHub - AllThingsSmitty/css-protips: A collection of tips to help take your CSS skills pro https://github.com/AllThingsSmitty/css-protips
25/02/2016 10:52:05

Quelques tips intéressants à connaître en CSS.

css astuce
placeholder-shown — Can I use... Support tables for HTML5, CSS3, etc - Le Hollandais Volant http://lehollandaisvolant.net/?id=20160213202813
23/02/2016 12:55:02

Changer la couleur du placeholder en CSS. Le support semble très limité pour l'instant.

placeholder css HTML
Comparing Bootstrap With MDL | Tutorialzine Demo http://demo.tutorialzine.com/2015/07/comparing-bootstrap-with-mdl/?grid
19/02/2016 11:18:20

Un comparatif assez bien foutu entre Bootstrap et MDL (Material Design Lite, le framework CSS de Google qui a pour vocation de faciliter la mise en place d'interfaces utilisant le Material Design).

L'article est ici : http://tutorialzine.com/2015/07/comparing-bootstrap-with-mdl/

bootstrap material comparatif framework css
Gridlex - Just a Flexbox Grid System http://gridlex.devlint.fr/
12/02/2016 10:39:22

Un framework CSS qui offre un système de Grid basé sur flexbox.
Ça a l'air vraiment prometteur : simple, efficace et complet.
Après, comme toujours avec flexbox, il faut envisager de se couper des vieux navigateurs.

framework css flexbox
Foundation for Emails | A Responsive Email Framework from ZURB http://foundation.zurb.com/emails.html
12/02/2016 10:24:24

Un framework CSS pour générer des emails qui s'affichent correctement sur tout type de clients. Ça gère aussi le côté responsive.

email responsive css framework newsletter
Styling and scripting sliders - QuirksBlog http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html
12/02/2016 10:00:24

Styliser l’élément HTML slider.

css HTML slider
Bulma: a modern CSS framework based on Flexbox http://bulma.io/
10/02/2016 21:40:39

Un nouveau framework CSS basé sur flexbox. Pas certain qu'un framework soit réellement nécessaire lorsqu'on fait fi des browsers qui ne supportent pas flexbox, cela dit.

css framework flexbox
Modular CSS naming conventions http://thesassway.com/advanced/modular-css-naming-conventions
25/01/2016 14:25:25

Un très bon article sur des conventions de nommage à adopter pour CSS/SASS. Cette convention emprunte quelques principes à SMACSS, BEM ou OOCSS tout en restant simple et logique.

css sass convention
page 15 / 17
4032 links, including 129 private
Shaarli - The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community - Theme by kalvn