Web Accessibility, Web Standards, and Ethical Source Evangelist. Destigmatising mental illness. Factorial.io
Schalk Neethling
Loading...
[1/3]
New State of CSS survey is out:
survey.devographics.com/en-US/survey...
Still oversimplifies disabilities:
mastodon.social/@MoritzGlant...
From August, my own thoughts on surveys, how theyโre made, how theyโre used:
adrianroselli.com/2025/08/my-t...
#CSS
Working on another type of connection ๐
I think I have found a CSS cheating code "border-shape" ๐คฉ
Property based testing framework for JavaScript (like QuickCheck). www.npmjs.com/package/fast...
type() CSS function - The type() CSS function allows you to specify a particular data type, and is used by the following CSS features: | developer.mozilla.org/en-US/docs/W...
jespervos/blossom-carousel: Native-first carousel enhanced with drag support for pointer devices. github.com/jespervos/bl...
Encephalitis - Andrew Gallant's Blog | burntsushi.net/encephalitis/
@function โ Native Custom Functions in CSS | CSS now has user-defined functions. No preprocessor, no JavaScript, but native @function with typed parameters, local variables, and conditional logic built right into your CSS. | schalkneethling.com/posts/css-at...
Live Page Content Updates with Supabase Realtime and Web Sockets | How to use Supabase Realtime and Web Sockets to live-update page content in a single-page app. schalkneethling.com/posts/live-p...
Introducing the Field Guide to Grid Lanes gridlanes.webkit.org. | webkit.org/blog/18098/i...
CSS position: sticky now sticks to the nearest scroller on a per axis basis! | If youโve ever tried to build a data table with a sticky header and a sticky first column, you know the pain. Youโd think a simple position: sticky with top: 0 and ... | www.bram.us/2026/03/30/c...
Every few months thereโs another State of Something survey. As of this week, the State of CSS 2025 survey results have just become available and the State of HTML 2025 survey is wrapping up. This post...
CSS now has user-defined functions. No preprocessor, no JavaScript, but native @function with typed parameters, local variables, and conditional logic built right into your CSS.
Learn Grid Lanes to create masonry layouts in pure CSS. Absorb the possibilities with the Field Guideโs interactive playground. Return to the cheat sheet. Get inspired by six real examples with dozens...
gridlanes.webkit.org
If youโve ever tried to build a data table with a sticky header and a sticky first column, you know the pain. Youโd think a simple position: sticky with top: 0 and left: 0 would be enough, but the rea...
What about a straight line that bends when the circles get closer and stretches when they get farther. It's surely not possible using pure CSS, right? Right!? ๐
css-tip.com/bending-line/
Probably my new favorite demo, powered by the modern features. CSS is awesome! ๐
Video
CSS by T. Afif
๐ก CSS Tip!
Connecting two circles with a curved line using only CSS? Yes, it's possible! ๐คฉ
css-tip.com/connected-ci...
A demo powered by the future of CSS (border-shape, if(), anchor position, etc). Update your Chrome and play with it!
Stay tuned for more complex connections ๐