## CSS 🔹 *parent* [[⧋ Programming|Programming]] ▫️ *related* [[⧋ JavaScript|JavaScript]], [[⧋ Web Applications|Web Applications]] ### Resources [CSS UI elements](https://uiverse.io/cards) - buttons, checkboxes, toggle switches, cards, loaders, inputs, radio buttons, forms. [CSS Transform Playground](https://css-transform.moro.es/) - this gives a visual representation of all the `transform` properties. Especially useful for visualizing overlay of `x`, `y`, and`z` axis. ### Strategies - [[CSS Flexbox]] - [[CSS Grid]] ### Properties #### Clamp `clamp()` - lets you set a min/max value for layout widths. [clamp() | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/clamp) ### Preprocessors - [[Sass]] - [[⏶ LESS|Less]] ### Libraries [[Pico.css]] [[⧋ UI Frameworks]] ### Tools *see* [[⧋ Web Applications|Web Applications]] ### Layouts [Simple CSS Template Library](https://www.quackit.com/html/templates/simple_website_templates.cfm) ## Related [[CSS Generator Tools]][^1] ## References [1^]: 10 Useful CSS generator tools. [Medium](https://javascript.plainenglish.io/10-useful-css-generator-tools-that-you-should-use-in-2023-14fde4cd225d)