CSS

1304 bookmarks
Custom sorting
Using CSS custom properties (variables)
Using CSS custom properties (variables)
Custom properties (sometimes referred to as CSS variables or cascading variables) are entities defined by CSS authors that contain specific values to be reused throughout a document. They are set using custom property notation (e.g., --main-color: black;) and are accessed using the var() function (e.g., color: var(--main-color);).
·developer.mozilla.org·
Using CSS custom properties (variables)
That Time I Tried Browsing the Web Without CSS
That Time I Tried Browsing the Web Without CSS
CSS is what gives every website its design. Websites sure aren’t very fun and friendly without it! I’ve read about somebody going a week without
·css-tricks.com·
That Time I Tried Browsing the Web Without CSS
Inclusively Hidden | scottohara.me
Inclusively Hidden | scottohara.me
There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content? While so...
·scottohara.me·
Inclusively Hidden | scottohara.me
Developing a Javascript-free frontend
Developing a Javascript-free frontend
PreludeI built the first version of Slimvoice on Angular 1 with a Node.js backend and MongoDB in 2014 (those were all the rage back then). In 2015 I decided to completely revamp the UI and redesigned and rebuilt it in React. In hindsight, all of that was crap. With the new version I wanted to prove that it ...
·javascript.works-hub.com·
Developing a Javascript-free frontend
Are nested grids like nested tables?
Are nested grids like nested tables?
I’ve had people ask me if “nested grids” are essentially just like nested tables and therefore a bad thing. I explain why that is not the case.
·rachelandrew.co.uk·
Are nested grids like nested tables?
Art Direction For The Web Using CSS Shapes
Art Direction For The Web Using CSS Shapes
Last year, Rachel Andrew wrote “[Take A New Look At CSS Shapes](https://www.smashingmagazine.com/2018/09/css-shapes/)” where she reintroduced readers to the basics of using CSS Shapes. In this new tutorial, Andy Clarke expands on the topic of “[Art Direction for the Web](https://www.smashingmagazine.com/printed-books/art-direction-for-the-web/)” with CSS Shapes to create exciting and inspired new design ideas.
·smashingmagazine.com·
Art Direction For The Web Using CSS Shapes
CSS performance optimization
CSS performance optimization
Painting an unstyled page, and then repainting it once styles are parsed would be bad user experience. For this reason, CSS is render blocking, unless the browser knows the CSS is not currently needed. The browser can paint the page once it has downloaded the CSS and built the CSS object model. Browsers follow a specific rendering path: paint only occurs after layout, which occurs after the render tree is created, with requires both the DOM and the CSSOM trees. To optimize the CSSOM construction, remove unnecessary styles, minify, compress and cache it, and split CSS not required at page lo...
·developer.mozilla.org·
CSS performance optimization
lucagez/Debucsser
lucagez/Debucsser
CSS debugging tool with an unpronounceable name. Contribute to lucagez/Debucsser development by creating an account on GitHub.
·github.com·
lucagez/Debucsser
What’s New In CSS? by Rachel Andrew
What’s New In CSS? by Rachel Andrew
A lightning talk for the W3C AC Meeting. This is a somewhat biased look at new things in CSS - biased in terms of these being things that mostly have some implementation. Also in terms of these being things I know that authors are especially interested in right now.
·noti.st·
What’s New In CSS? by Rachel Andrew
Digging Into The Display Property: The Two Values Of Display
Digging Into The Display Property: The Two Values Of Display
We talk a lot about Flexbox and CSS Grid Layout, but these layout methods are essentially values of the CSS `display` property, a workhorse of a property that doesn’t get a lot of attention. Rachel Andrew takes a better look in a short series.
·smashingmagazine.com·
Digging Into The Display Property: The Two Values Of Display