css.md

CSS

• See also

  • wild [css-terrain]

• CSS: Unavoidable Bad Parts

  • Commentary on which parts of the spec are difficult and cancerus

• Dark theme in a day Using a bunch of modern CSS to create a night mode for an app

  • The darkmode article!!

• Dark Mode in CSS

• css-extras Useful CSS custom functions using the new @​function rule

• Introducing CSS Grid Lanes

  • Masonry layouts in pure CSS

• 2024 CSS @property and the New Style

  • Amazing breakdown of css only button with sin border glow (it's freaking amazing)
  • (and some slanted text, but the letters still align vertically, really cool)

• Critical CSS Generator

  • Make your important css inline with html for a solid first load performance

• [blog] Old CSS, new CSS

  • Great history of CSS and current new features and the problems they solve

• My First CSS - What I Wish I Knew About CSS When Starting Out As A Frontender

• Old CSS, new CSS

• 3D Book Image CSS Generator

• CSS-Tips

  • Modern CSS tips for simple and powerful effects

• CSS Tricks - guides

• Centring in CSS

• NES.css

• WebTUI

  • WebTUI is a modular CSS library that brings the beauty of Terminal UIs to the browser

• glass3d generator

• Css only image blur previews

• Media Queries, Responsive Design? Help me! Everything You Want To Know About Media Queries and Responsive Design

• 12 Modern CSS One-Line Upgrades 2024

• a single div

  • CSS drawings with only one HTML element.

  • This is a fun, little project to see how much can be accomplished with CSS. Every drawing consists of a single HTML element (in this case, the beloved div).

  • (What hackery is this!)

Variables in CSS (see book for example)

HTML1 - Web1.0

www.csszengarden.com

• tailwindcss - Rapidly build modern websites without ever leaving your HTML
  • "Best practices" don’t actually work
  • CSS Utility Classes and "Separation of Concerns"
  • https://codingthesmartway.com/tailwind-css-for-absolute-beginners/
  • Why I Love Tailwind
    • Discussion of good/bad points in implementation
  • daisyUI - Tailwind CSS Components

MonsterBoy title project?

• Windows 98 UI 98.css
• Windows 7 UI 7.css

Async CSS and Font Swap - The Fastest Google Fonts

• An Interactive Guide to CSS Transitions

  • Beautiful presentation and interactive examples
  • [ui] ease tween

• Things I Wish I’d Known About CSS - Explores fundamentals of CSS

• Pure Digital CSS, Swiss made, clock. No JavaScript, no HTML(*)

  • utter abomination - but very clever

• Yes, I can connect to a DB in CSS

  • utter abomination - CSS has JS Support and a painting canvas.

• After Dark in CSS

• Srcset and sizes

  • Rant about responsive images
  • new <img srcset="..."> syntax - wh
  • at problems it is solving

• Holograms, light-leaks and how to build CSS-only shaders.

  • Using gradients and blend modes to create effects on images when scrolling

• Body Margin 8px - The origin story for a style no one wants

• No-Class CSS Frameworks

  • Just use sematic html - layout is applied to master tag elements - you don't use class's

• Collapsible Tree views in CSS3 - no js needed

• Things CSS Could Still Use Heading Into 2023

  • Things that CSS struggles with
    • Flowable regions
    • Multi line truncation
    • Trunate either side (filenames path should truncate from left to right)

• See [color] for LCH and P3

• Conditional CSS

  • Super new CSS features example

• 3D in CSS

  • Beautiful examples and description

• toaster: CSS 3D Editor

• An end to typographic widows on the web

  • text-wrap:balance; so that lines balance each other in length - for headings