Victor Loux → Bookmarks → Tag: css

129 bookmarks tagged “css”

Home | The Component Gallery

component.gallery/
The Component Gallery is a collection of components from the best Design Systems.

Continuous Typography / Max Kohler

maxkoehler.com/posts/continuous-typography/
Notes toward a continuous framework for screen typography

CSS Auditing Tools — Smashing Magazine

smashingmagazine.com/2021/03/css-auditing-tools/
In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers to get their work done better and faster. Starting out with a few tools for getting to the bottom of CSS.

Gradient Generator: Create Beautiful, Smooth Gradients

learnui.design/tools/gradient-generator.html

Underline Hover Styles for Links | Codrops

tympanus.net/Development/LineHoverStyles/
Some ideas for underline hover styles on links using various techniques.

CSS Scroll Snap

ishadeed.com/article/css-scroll-snap/

Link hover animation

codepen.io/aaroniker/pen/VwjexVy

yuanchuan on CodePen

codepen.io/yuanchuan/

Generative art with CSS

generative-art-with-css.commons.host/
Translation of Generative art with CSS by Yuanchuan at the 5th CSSConf in China

What does 100% mean in CSS?

wattenberger.com/blog/css-percents
<p>One of the CSS units I use most is the wonderful <b>%</b> — so handy for positioning elements on the page.</p><p>Unfortunately, the rules aren’t exactly straightforward. One question I’m always asking myself is: Percent of what?</p>

Building a hexagonal grid using CSS grid - ninjarockstar.dev

ninjarockstar.dev/css-hex-grids/

Custom Styling Form Inputs With Modern CSS Features | CSS-Tricks

css-tricks.com/custom-styling-form-inputs-with-modern-css-features/

brumm.af

brumm.af/shadows
Web site created using create-react-app

Solved by Flexbox — Cleaner, hack-free CSS

philipwalton.github.io/solved-by-flexbox/

Smoother & sharper shadows with layered box-shadows | Tobias Ahlin

tobiasahlin.com/blog/layered-smooth-box-shadows/
With a simple CSS trick, we can get fine-tuned control over how shadows are rendered, and create richer and more realistic 3D effects

Relearn CSS layout: Every Layout

every-layout.dev/

CSS Grid Generator

cssgrid-generator.netlify.com/

Under-Engineered Toggles | Adrian Roselli

adrianroselli.com/2019/03/under-engineered-toggles.html

Adactio: Journal—Split

adactio.com/journal/15050
Materials and tools; client and server; declarative and imperative; inclusion and privilege.

All you need to know about hyphenation in CSS | Clagnut by Richard Rutter

clagnut.com/blog/2395
Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens.