iiinova — where your digital self keeps evolving

Reposted by Hazim Sami حازم سامي

Andy Bell @bell.bz · 23/06/2026

I've just drafted the AT protocol posts for this series. Sorry it's been so long since the last post. We've been *busy*. I'm gonna hopefully draft out a few more this week to keep a steady flow. piccalil.li/projects/per...

piccalil.li

Personal website redesign

Andy Bell is completely redesigning his personal site from scratch and breaking down each part to educate and hopefully, inspire you to build your own corner of the internet.

2253

Reposted by Hazim Sami حازم سامي

Wes Bos @wesbos.com · 23/06/2026

I had over 100gb of node_modules on my machine and I'm ALWAYS out of space use `npkill` to find and delete older node_module folders

1811011

Reposted by Hazim Sami حازم سامي

Jen Simmons @jensimmons.bsky.social · 10/06/2026

Learn all about what my team has been up to this year — how we worked to improve the quality of WebKit. Plus what’s coming in Safari 27: Customizable Select, <model> on iOS, iPadOS & macOS, and much more. I cover highlights in: youtu.be/7Hg1fCrm4yM #css #html #javascript #webdevelopment #wwdc26

youtu.be

WWDC26: What’s new in WebKit for Safari 27 | Apple

YouTube video by Apple Developer

28113

Reposted by Hazim Sami حازم سامي

Andy Bell @bell.bz · 28/05/2026

Yeh I’ve been tracking that. I just have a very soft spot for last.fm

041

Reposted by Hazim Sami حازم سامي

Nicole Sullivan @nicolesullivan.bsky.social · 06/05/2026

Writers room trying to brainstorm a political thriller about AI Super Intelligence. Fascinating. A little scary. youtu.be/xfMQ7hzyFW4?...

youtu.be

Writing Doom – Award-Winning Short Film on Superintelligence (2024)

YouTube video by Foregone Films

043

Reposted by Hazim Sami حازم سامي

⭑ salma @whitep4nth3r.com · 09/04/2026

we don't talk enough about how cool the color-interpolation-method is in CSS gradients all of these slices have the same gradient: linear-gradient(#00ffff 0%, #ff00ff 100%) each one is just using a different colour interpolation

A demonstration of the same gradient defined as a light blue to fuschia gradient, with 5 different color interpolation methods. From left to right, srgb, which kind of muddies the blended colours in the middle to a light pastel purple, lch, which moves seems to move to the blue colour quicker, not creating the purple muddiness, oklch, which does move through the purple but in a more subtle way, oklab, which remains more pink than anything, and hsl, which adds a very dark almost internet blue at the centre of the gradient

620046

Reposted by Hazim Sami حازم سامي

The Whimsical Muse @whimsicalmuse.bsky.social · 23/04/2026

Just a friendly reminder to surround yourself with the kind of people who support their local library, theatre, bakery, bookstore, and café.

301555297

Reposted by Hazim Sami حازم سامي

Ahmad Shadeed @ishadeed.com · 31/03/2026

⏰ Tomorrow is the last day to grab The Layout Maestro course at launch price. Sale ends at 6 PM UTC. If you're a newsletter subscriber, check your inbox for an extra discount. thelayoutmaestro.com

thelayoutmaestro.com

The Layout Maestro by Ahmad Shadeed

Build any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset.

064

Reposted by Hazim Sami حازم سامي

Scott Jehl @scottjehl.com · 07/03/2026

Want to learn all about web components this week? My 8-hour online course, Web Components Demystified, is on sale for $10 through March 13th. Use the code JUST10 scottjehl.com/learn/webcom...

scottjehl.com

Web Components Demystified online course | Scott Jehl, Web Designer/Developer

A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.

36327

Reposted by Hazim Sami حازم سامي

Laura Kalbag @laurakalbag.com · 27/01/2026

My book, Accessibility For Everyone, is now free and online as a website. accessibilityforeveryone.site The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.

accessibilityforeveryone.site

Accessibility For Everyone by Laura Kalbag

Read the book online for free.

9310193

Reposted by Hazim Sami حازم سامي

Kilian Valkhof @kilianvalkhof.com · 12/12/2025

This is so, so gross. Pay real artists. www.youtube.com/shorts/T8TCN...

youtube.com

Nothing is real anymore 😢

YouTube video by JerryRigEverything

0101

Reposted by Hazim Sami حازم سامي

Andy Bell @bell.bz · 25/11/2025

This course will transform you as a designer, regardless of level, I promise. The thing I really like though is that for developers wanting to get into design, this is *the course* for that. You do the visual stuff, but that's built on the all important knowledge of the brain too. Truly unique.

1124

Hazim Sami حازم سامي @hazims.bsky.social · 25/11/2025

@zoesqwilliams.bsky.social, your recent article about your late mother's birthday and nuclear disarmament in the Guardian is beautiful.

000

Reposted by Hazim Sami حازم سامي

Piccalilli @piccalil.li · 25/11/2025

Our Black Friday deals are now live! Save £60 on *all courses* and everyone who buys a course during this period will be given a coupon code that they can use to get a 50% discount off future course purchases at any time. piccalilli.link/black-friday...

piccalilli.link

Premium Courses

Expansive, high quality education to make you a better developer and designer. Join thousands of others in boosting your career opportunities.

11111

Reposted by Hazim Sami حازم سامي

Cyd Stumpel @cydstumpel.nl · 23/11/2025

WIP Page transition ✨ Most off the animations are pure CSS, I just needed some JS for the mouse move effect 🤷🏻‍♀️ Made with Scroll Driven Animations and View Transitions 💅

61033

Reposted by Hazim Sami حازم سامي

Sara Soueidan @sarasoueidan.com · 20/11/2025

📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only. Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.

practical-accessibility.today

The Practical Accessibility Course

A get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today

38055

Reposted by Hazim Sami حازم سامي

Piccalilli @piccalil.li · 11/11/2025

The majority of us are a bunch of self taught people with rather spotty knowledge and that's fine! Kilian (also self taught) is here to share some of the computer science fundamentals you probably are missing with the aim to improve your code in the long term. piccalil.li/blog/program...

piccalil.li

Programming principles for self taught front-end developers

26018

Reposted by Hazim Sami حازم سامي

Una Kravets @una.im · 10/11/2025

Did you know: you might be able to change the style of the caret in CSS soon? See caret-shape and caret-animation in action (there's still some discussion & this is isn't shipped yet, but you can check it out w/the experimental-web-platform-features flag in Chrome 140+) codepen.io/una/pen/MYKL...

89815

Reposted by Hazim Sami حازم سامي

Scrimba @scrimba.bsky.social · 10/11/2025

The official countdown has begun ⏰ This Thursday, we’re launching our brand new Backend Developer Path - the most requested path in Scrimba history. Are you excited? We sure are! To celebrate, we’re giving away a free 1-year Pro subscription 👇

154922

Reposted by Hazim Sami حازم سامي

Pauline Vos @pauline-vos.nl · 06/10/2025

Legend. Queen of my heart.

032

Hazim Sami حازم سامي @hazims.bsky.social · 30/10/2025

Go take the State of JavaScript 2025 survey if you have a minute! survey.devographics.com/survey/state...

survey.devographics.com

State of JavaScript 2025

Take the State of JavaScript survey

110

Reposted by Hazim Sami حازم سامي

Mia [data-css=poetic] @miriam.codes · 29/10/2025

Preparing to film the first module of my new #CSS course. There will also be text for the sickos who like to read. We'll cover the essential features, but we'll also explain how it all fits together (and when it doesn't). Sign up for updates & early access! www.oddbird.net/courses/desi...

Young Sir Tim Berners-Lee at a computer showing off the WorldWideWeb browser, with a quote superimposed from the HTML project constraints: This implies no device specific markup, or anything which requires control over fonts or colors.

2294

Hazim Sami حازم سامي @hazims.bsky.social · 25/10/2025

"Seeking out lesser-known voices isn’t just an act of cultural curation; it’s a philosophical stance, a refusal to let attention be the only metric that matters. Because the most interesting stuff usually happens on the margins." - Kai @densediscovery.bsky.social That last line is brilliant.

010

Hazim Sami حازم سامي @hazims.bsky.social · 02/10/2025

Honoured to have been able to contribute to the Spirit of Astro.

1102

Reposted by Hazim Sami حازم سامي

Astro @astro.build · 02/10/2025

And @hazims.bsky.social is taking us back to the future, with TWO beautiful t-shirt designs. shop.astro.build/products/ast... shop.astro.build/products/ast...

161

Reposted by Hazim Sami حازم سامي

Ana Tudor @anatudor.bsky.social · 07/08/2025

Nowadays there's `light-dark()`, but this is still useful for other types of values that change with the theme. For example, you may want to make subtle changes to font values based on the theme. Or to how thick lines/ borders need to be.

051

Reposted by Hazim Sami حازم سامي

Álvaro Montoro @alvaromontoro.com · 06/07/2025

Just shared a new video drawing with CSS. This time is Yoda (or Grogu?) in a kawaii-ish style. youtu.be/r_FH65HpYgE?... He looked a bit sad with the mouth like that so I flipped the mouth and make it smile :) Live demo and source code on @codepen.io: codepen.io/alvaromontor... #css #cssArt #html

youtu.be

Drawing Yoda with CSS

YouTube video by Alvaro Montoro

1204

Reposted by Hazim Sami حازم سامي

Jules Miocene @miocene.io · 06/07/2025

Say hello to The Big-Eyed CSS Shroom — a goofy little mushroom with massive eyes, long legs, and even a canary on his hand. It’s weird. It’s cute. It’s built with love (and CSS). youtu.be/vDEJ7j5jb2U

youtu.be

Drawing a Mushroom Buddy with Pure CSS — Sunday CSS #16

YouTube video by Julia Miocene

2234

Hazim Sami حازم سامي @hazims.bsky.social · 05/07/2025

@dayplanner.bsky.social congrats on launching version 3 🎉 Do you have a public roadmap for the Mac version of the app?

110

Hazim Sami حازم سامي @hazims.bsky.social · 05/07/2025

This is fantastic! Thanks to ‪Dan ‪@simplebits.com for sharing this on his newsletter. It's a great project for the summer, with a humongous dollop of nostalgia. www.thestockpot.net/videos/cartr...

thestockpot.net

VHS was better...Hear me out. — The Stock Pot

It all begins with an idea.

000

Reposted by Hazim Sami حازم سامي

Andy Bell @bell.bz · 09/06/2025

Sticky revealing footer: modern (ish) CSS makes it easy.

1113715

Reposted by Hazim Sami حازم سامي

Ana Tudor @anatudor.bsky.social · 29/03/2025

Because I keep seeing `position: absolute` + lots of of offset + size + transform + sometimes even margin properties to stack + middle align the stacked items... you can easily do it with 3 #CSS properties!

.container { display: grid }

.stack-item {
/* stack all items in the same 1 cell grid area
* at the intersection between row 1 & column 1 */
grid-area: 1/ 1;
/* place all items in the middle of this cell
* along both axes, both vertically & horizontally */
place-self: center
}

113713

Reposted by Hazim Sami حازم سامي

Jen Simmons @jensimmons.bsky.social · 09/06/2025

We have 7 videos on web technology at WWDC25!! What’s new in Safari and WebKit What’s new for the spatial web Learn more about Declarative Web Push What’s new in passkeys Verify identity documents on the web Unlock GPU computing with WebGPU Meet WebKit for SwiftUI webkit.org/blog/16987/w...

webkit.org

Web technology videos at WWDC25

It’s time for WWDC25!

5649

Reposted by Hazim Sami حازم سامي

Kirby CMS @getkirby.com · 27/03/2025

Jon Hicks, known for his icon designs for Firefox, MailChimp and Shopify, tells us how he uses Kirby as part of the 'Blog Questions Challenge':

hicks.design

Blog Questions Challenge - Hicks.design

Answering questions about my blogging setup, as requested!

094

Reposted by Hazim Sami حازم سامي

Kirby CMS @getkirby.com · 25/03/2025

Are you an Obsidian fan? Maurice Renck shares his setup for syncing content between Kirby and Obsidian

maurice-renck.de

Obsidian Kirby Sync - Maurice Renck

I wrote two plugins to sync #getkirby and #obsidian with each other. Here's how I did it:

032

Reposted by Hazim Sami حازم سامي

CSS by T. Afif @css-only.dev · 12/05/2025

⚙️ New CSS Generator! Save this link for the future. A tool to easily convert any SVG shape into a CSS one in no time. Powered by the new shape() function! 🤩 css-generators.com/svg-to-css/ ✅ Single-element ✅ Responsive ✅ No more ViewBox headaches

css-generators.com

SVG to CSS Shape Converter

A simple tool to transform an SVG shape into a CSS shape. Get a modern and optimized code in no time!.

914032

Reposted by Hazim Sami حازم سامي

Una Kravets @una.im · 12/05/2025

And here's that Codepen refactored as promised using sibling-index()

69119

Reposted by Hazim Sami حازم سامي

Josh W. Comeau @joshwcomeau.com · 12/05/2025

For years, one of the most befuddling things for me in CSS was how “height: 100%” would sometimes just not work. Every time I tried to use it was a roll of the dice. 😅 Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨ Let’s explore. 🧵

joshwcomeau.com

The Height Enigma • Josh W. Comeau

One of the most perplexing and befuddling things in CSS for me, for many years, was the behaviour of percentage-based heights. Sometimes, seemingly at random, setting “height: 100%” would have no effe...

1730747

Reposted by Hazim Sami حازم سامي

Justin Garrison @justingarrison.com · 28/04/2025

Here’s how you can run your own Bluesky PDS It’s not very hard and my account has been running on mine for over 6 months youtu.be/7-VJvf39xVE

youtu.be

How to run your own Bluesky PDS Server

YouTube video by Justin Garrison

2215

Reposted by Hazim Sami حازم سامي

Piccalilli @piccalil.li · 14/04/2025

For one week only we're dropping the price of Complete CSS from £249 to £169! There's no code required, just head on over and grab your copy. If you're coming in from a country that gets Purchasing Parity Power (PPP) you can still apply those discounts at checkout too. piccalil.li/complete-css

Promotional graphic for the Piccalilli course ‘Complete CSS.’ Bold text advertises a limited-time offer: ‘Take your CSS skills beyond the next level.’ Discounted from £249 to £169, with a ‘SAVE £80’ tag and a note that the offer ends April 21. Banner states: ‘For one week only. No code required.’

084

Reposted by Hazim Sami حازم سامي

LocalCan™ @localcan.com · 11/04/2025

What dev tools do you use and recommend? Writing a blog post about the best dev tools.

021

Reposted by Hazim Sami حازم سامي

Sara Soueidan @sarasoueidan.com · 03/04/2025

I am happy to (finally) announce that the #PracticalAccessibility course chapter update is now live! If you are enrolled in the course, log in to your account and check out the Changelog page for details about this update. 👀 I also have exciting news to finally share! 👇 [🧵]

313225

Reposted by Hazim Sami حازم سامي

CSS Weekly @cssweekly.com · 11/03/2025

[CSS Tip] I've noticed lately that some devs use `margin` to add gaps between flexbox items, particularly in menus. You can use `gap` property in Flexbox instead and avoid awkward `:not(:last-child)` or resetting margin on first/last item. 😉 It's in the baseline since April 2021. ✅

A screenshot showing how "display: flex;" and "gap: 1rem" adds space between menu items.

1343

Reposted by Hazim Sami حازم سامي

⭑ salma @whitep4nth3r.com · 22/11/2024

📣 It's live! Here's the full write up of how I show Bluesky likes on my blog posts, after I've shared them to Bluesky. Like this post to be featured on this blog post (until there are more than 59 likes, in which case, you'll bumped off)!

whitep4nth3r.com

How I show Bluesky likes on my blog posts

Learn how to use the Bluesky API to show likes and Bluesky user avatars on your blog posts when you share them on Bluesky.

1921131

Reposted by Hazim Sami حازم سامي

Adam Argyle @nerdy.dev · 08/02/2025

too lazy? watch.

1025533

Reposted by Hazim Sami حازم سامي

Blake Watson @blakewatson.com · 04/12/2024

I guess it is time to introduce Bluesky to my latest work, HTML for People. Anyone can make a website with HTML. No previous coding experience required. I cover everything you need to know to get started in an approachable and friendly way. And it’s free for all. 🚀 htmlforpeople.com

htmlforpeople.com

HTML for People

HTML isn't only for people working in the tech field. It's for everyone. Learn how to make a website from scratch in this beginner friendly web book.

17742652093

Reposted by Hazim Sami حازم سامي

Amy Dutton @selfteach.me · 11/12/2024

Just dropped a new video on YouTube 👉 @workos.bsky.social is my favorite way to set up authentication with @astro.build buff.ly/4ioBMMp

0204