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 / 18
349 results tagged css  ✕
Web Design in 4 minutes http://jgthms.com/web-design-in-4-minutes/
28/07/2016 19:02:46

Très pédagogique et plein de bon sens :)

design CSS
Using SVG | CSS-Tricks https://css-tricks.com/using-svg/
28/07/2016 14:51:13

Comment bien utiliser SVG en HTML / CSS.

SVG CSS HTML guidelines
Glitch Effect on Text / Images / SVG | CSS-Tricks https://css-tricks.com/glitch-effect-text-images-svg/
27/07/2016 16:22:21

Un effet glitch très bien foutu à appliquer sur du texte. Et c'est du pur CSS.

Via https://www.djerfy.com/css-ajouter-effet-glitch/

glitch effet CSS texte animation
Improve Call To Action With These 20 Code Snippets http://www.onextrapixel.com/2016/06/25/improve-call-to-action-with-these-20-code-snippets/
08/07/2016 14:00:59

Encore une pelleté d'effets pour boutons en CSS.

CSS bouton animation
Hover.css - A collection of CSS3 powered hover effects http://ianlunn.github.io/Hover/
08/07/2016 13:57:52

Et quelques autres effets sympa pour le hover d'un bouton en CSS.

CSS lib hover bouton
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
page 15 / 18
4170 links, including 129 private
Shaarli - The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community - Theme by kalvn