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 14 / 17
324 results tagged css  ✕
Distorted Button Effects | Codrops http://tympanus.net/Development/DistortedButtonEffects/
08/07/2016 13:55:12

Différentes animations de boutons très originales.

css bouton animation
CSS Triangle Tutorial - Codepad https://codepad.co/snippet/p7axUF9e
08/07/2016 10:29:21

Une courte animation qui explique comment faire un triangle en CSS.
En gros, on utilise la jointure des bordures d'un bloc qui se font en forme de triangle. En réduisant la taille de l'élément à 0px et en faisant disparaître 3 des 4 bordures, on obtient un triangle.

css animation triangle tuto
Guidelines/CSS-guidelines.md at master · dhoko/Guidelines · GitHub https://github.com/dhoko/Guidelines/blob/master/CSS-guidelines.md
17/06/2016 11:35:30

Encore quelques guidelines pour le CSS.

css guidelines
30 Pure CSS Animation Snippets & Demos http://marketblog.envato.com/whats-hot/pure-css-animation-snippets/
15/06/2016 14:00:34

Plein de snippets CSS avec notamment des animations très bien foutues. Rien que le premier est assez bluffant.

animation css snippet
Bourbon Neat http://neat.bourbon.io/
13/06/2016 20:34:30

Un framework de grille sémantique pour Sass.

Via https://blog.prototypr.io/design-for-programmers-d38c56982cd0

gridview css framework sass
Punch-Out Avatar | Adrian Roselli http://adrianroselli.com/2016/06/punch-out-avatar.html
13/06/2016 19:13:00

Un effet assez ingénieux et plutôt sympa pour intégrer un avatar à un bloc.

css design avatar
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
page 14 / 17
3883 links, including 129 private
Shaarli - The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community - Theme by kalvn