Syllie

@syllie.bsky.social

Creative Geek / Surface Pattern Designer / #WebDev #WomenInTech / I write tutorials, design, and care about facts & science / Passionate about OSS, STEM & Arts / 🐈 / in Sydney 🇦🇺 🦘 / "This is your democracy. Make it. Protect it. Pass it on." – TM

In my audits, reading the Performance profile is where people get stuck: the flame chart and waterfall look like noise at first I built an interactive guide to make them click, every figure is interactive, plus LCP, CLS, INP and the Insights panel perf.reviews/profile-guide #WebPerf #DevTools

Reading a Performance Profile: Field Guide

An interactive field guide to the Chrome DevTools Performance panel: waterfall, flame chart, LCP, CLS, INP, and the Insights panel.

perf.reviews

I bought this last year and binged it in 2 sittings. Best $10 (or even $25 if you miss this tbh) you’ll ever spend if you’ve been wondering what all this web component lark is all about and want to get up to speed quickly and comprehensively. It’s an actual crime that he’s selling this for $10.

Scott Jehl@scottjehl.com · 3mo ago

If you want to learn all about web components from a human then check this out: Web Components Demystified online course is $10 this week (it'll go back to the usual $25 deal after that). It's 8 hours of video lessons, or 4 if you listen at 2x, which wouldn't offend me at all. Use the code Just10.

Told my kid I was having the kind of week where I just need to scream into the void for a while. He made me a void. You can use it too, if you'd like.

White sheet of paper with a messy slanted oval scribbled in the middle, using different color pens in many layers. It looks like a galaxy or a nebula. Or maybe a bagel. It's labeled with the word "VOID" and an arrow instructs "scream here."

Excited to finally launch the Mindful Design Toolkit. A free collection of workshops, resources and files to help you with any stage of your design process. Completely open source, and available in open source formats. I’ll be adding to this consistently this year. mindfuldesign.xyz/toolkit/intro/

The Mindful Design Toolkit – Mindful Design Toolkit

Get deep into the weeds with the Mindful Design Toolkit; an open source collection of workshops, templates, design files and documents.

mindfuldesign.xyz

Just put out the first two free learning paths on The Cascade, looking at Flexbox & Grid. They're a curated list of videos from YouTube, but ad free, with editors in the lesson for you to follow along with, recaps of the content with each video, and extra challenges. thecascade.dev/learning-pat...

The Cascade: Your home for mastering CSS

Founded by Kevin Powell, with curated learning paths, courses, and clear explanations that will have you writing CSS with confidence.

thecascade.dev

I like the web and I like people learning new things. So we're running a free 10 week web development bootcamp online, starting April 24th. 📍Free and not selling/pushing anything 📍Livestreamed lessons with Q&A 📍Expert guest speakers 📍Chill vibes 📍Kind learner community

The Bad Website Club is Running a Free Responsive Web Design Bootcamp Based on freeCodeCamp

Hi everyone! We (Jess, Carmen, and Eda) are excited to announce the next installation of our free and online bootcamp. We support learners as they work their way through the freeCodeCamp Responsive We

freecodecamp.org

After a year of building, The Layout Maestro is officially live! 🎹🥳 An interactive CSS course that teaches you how to think in CSS layouts. 70+ lessons, 7 layouts, 150+ interactive demos! Ready to level up your layout skills? Enroll now👇: thelayoutmaestro.com

A tablet displaying the landing page for 'The Layout Maestro,' a practical CSS course by Ahmad Shadeed. The desk setup includes a cup of coffee, colorful pencils, and LEGO pieces, creating a bright and creative atmosphere.

It sure seems like when we have our basic needs met, and don't have to hustle to survive, humans will almost always choose to create art. And there is a lot of evidence that when a society decides to honor and promote art and artists, everyone who lives there is measurably happier.

Hildur Knútsdóttir@hildur.bsky.social · 6mo ago

I regularly see people wondering how it's possible that there are so many musicians and writers and film makers and artists from a tiny nation like Iceland. And the answer is really simple: State funding for art education and artists. I literally get a salary from the government to write books.

🎉 New Blogpost 🎉 Building Typographic Scales in CSS with :heading(), sibling-index(), and pow() www.alwaystwisted.com/articles/bui... What if we could create a typographic scale for headings with one line of CSS? One rule to scale them all. #CSS #FrontEnd #WebDev

Typographic Scales in CSS with :heading(), sibling-index(), and pow()

Learn how to build flexible, mathematical typographic scales using :heading(), sibling-index(), and pow() for cleaner CSS design systems.

alwaystwisted.com