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 1 / 13
243 results tagged css  ✕
CSS transitions and hover animations, an interactive guide https://www.joshwcomeau.com/animation/css-transitions/
12/02/2021 13:26:06

Tout est dans le titre :)

Cet article est très didactique, parfait pour bien comprendre les transitions CSS. Il n'aborde cependant pas les animations CSS à proprement parler.

css animation transition
Creating a full bleed CSS utility - Piccalilli https://piccalil.li/tutorial/creating-a-full-bleed-css-utility/
19/12/2020 21:00:10

Afficher un bloc sur toute la largeur de votre site alors qu'il est contenu dans un bloc qui a une largeur limitée.

Astuce, utiliser les unités relatives au viewport :

.full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
css astuce
CSS Houdini - Alsacreations https://www.alsacreations.com/article/lire/1809-css-houdini-magie-ou-poudre-aux-yeux.html
01/06/2020 21:27:07

Bigrement intéressant ! (oui oui, j'ai dit "bigrement")

De nouvelles APIs devraient bientôt nous permettre d'avoir accès en profondeur à la manière donc notre navigateur affiche les sites web. Du CSS boosté aux hormones en somme !

css experimental
Motion Path : introduction aux animations CSS modernes - Alsacreations https://www.alsacreations.com/tuto/lire/1807-Motion-Path--introduction-aux-animations-CSS-modernes.html
02/04/2020 10:50:32

Une chouette introduction aux animations CSS en utilisant des path SVG.

svg animation css path
monica.css – Monica Dinculescu https://meowni.ca/posts/monica-dot-css/
20/03/2020 14:20:53

Une sorte de micro framework CSS qui tient en quelques lignes. Parfait pour débuter vos projets.

css reset
Leonardo https://leonardocolor.io/
03/02/2020 14:24:59

Un outil pour créer des palettes de couleur cohérentes et accessibles. Très bien foutu !

css couleur palette outil
500+ CSS Icons, Customizable, Retina Ready & API https://css.gg/
29/01/2020 09:29:53

Plus de 500 icônes en pur CSS. Pratique quand on en a juste besoin de quelques unes.

Via https://korben.info/500-icones-a-integrer-en-css-dans-vos-projets.html

css icones
brumm.af https://brumm.af/shadows
25/12/2019 15:21:20

Un générateur d'ombre CSS.

css outil générateur shadow
Storytelling CSS Class Names - Elad Shechter - Medium https://medium.com/@elad/storytelling-css-class-names-887a78798f07
29/11/2019 15:13:24

Quelque idées pour facilement organiser vos classes CSS.

J'utilise notamment la première, la notation .is-open pour les classes d'état, je trouve ça très clair et très pratique, surtout quand vous utilisez SASS.

css astuce convention
CSS Grid: illustrated introduction - DEV Community 👩‍💻👨‍💻 https://dev.to/mustapha/css-grid-illustrated-introduction-52l5
23/09/2019 09:16:39

Encore un petit article sur CSS Grid.

grid css
Flexbox ou Grid Layout ? - Alsacreations https://www.alsacreations.com/article/lire/1794-flexbox-ou-grid-layout.html
09/09/2019 10:41:21

Les deux sont complémentaires !

flexbox grid css
CSS Style Guides - dailydevlinks. https://dailydevlinks.com/css-style-guides/
28/08/2019 11:09:21

Quelques guidelines pour CSS.

css guidelines
Can you view print stylesheets applied directly in the browser? | CSS-Tricks https://css-tricks.com/can-you-view-print-stylesheets-applied-directly-in-the-browser/
28/08/2019 10:55:20

Ça peut toujours servir :)

navigateur print css
CSS { In Real Life } | Variable Font Animation with CSS and Splitting JS https://css-irl.info/variable-font-animation-with-css-and-splitting-js/
23/08/2019 10:26:17

Animer du texte.

texte css animation
Efficiently load third-party JavaScript  |  web.dev https://web.dev/efficiently-load-third-party-javascript
23/08/2019 08:50:24

Quelques astuces pour charger efficacement vos scripts externes.

javascript css performances html
line-clamp | CSS-Tricks https://css-tricks.com/almanac/properties/l/line-clamp/?ref=dailydevlinks.com
22/08/2019 15:44:42

Enfin une propriété CSS pour tronquer le texte après un nombre défini de lignes.

css
Introduction - Purgecss https://www.purgecss.com/
20/08/2019 09:58:46

Un outil de post-processing pour supprimer de vos fichiers CSS tout ce qui n'est pas utilisé. Très utile pour amaigrir les frameworks CSS type Bootstrap ou Bulma.

css postprocessing
Learn CSS Layout https://learnlayout.com/
07/08/2019 11:46:37

Apprendre le positionnement CSS dans un petit tuto pas à pas.

tuto css
Apprendre le positionnement en s'amusant – Partie 2 : Grid Layout https://www.creativejuiz.fr/blog/css-css3/apprendre-le-positionnement-en-samusant-partie-2-grid-layout
31/07/2019 13:11:32

Plein de ressources utiles pour apprendre et maîtriser le positionnement CSS Grid.

grid css tuto
Gradient Magic https://www.gradientmagic.com/
29/07/2019 11:50:55

Des gradients CSS assez cools :)

gradient css
page 1 / 13
2770 links, including 111 private
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn