Hazim Sami حازم سامي
@hazims.bsky.social
Reposted by Hazim Sami حازم سامي
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/blog/program...
Programming principles for self taught front-end developers
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...
piccalil.li
November 11, 2025 at 11:36 AM
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/blog/program...
Reposted by Hazim Sami حازم سامي
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...
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...
November 10, 2025 at 10:38 PM
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...
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...
Reposted by Hazim Sami حازم سامي
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 👇
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 👇
November 10, 2025 at 2:18 PM
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 👇
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 👇
Reposted by Hazim Sami حازم سامي
Legend. Queen of my heart.
Dr. Jane Goodall filmed an interview with Netflix in March 2025 that she understood would only be released after her death.
October 6, 2025 at 7:04 AM
Legend. Queen of my heart.
Go take the State of JavaScript 2025 survey if you have a minute! survey.devographics.com/survey/state...
State of JavaScript 2025
Take the State of JavaScript survey
survey.devographics.com
October 30, 2025 at 1:46 PM
Go take the State of JavaScript 2025 survey if you have a minute! survey.devographics.com/survey/state...
Reposted by Hazim Sami حازم سامي
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...
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...
October 29, 2025 at 8:32 PM
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...
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...
"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.
That last line is brilliant.
October 25, 2025 at 7:09 AM
"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.
That last line is brilliant.
Honoured to have been able to contribute to the Spirit of Astro.
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...
shop.astro.build/products/ast...
shop.astro.build/products/ast...
October 2, 2025 at 6:31 PM
Honoured to have been able to contribute to the Spirit of Astro.
Reposted by Hazim Sami حازم سامي
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...
shop.astro.build/products/ast...
shop.astro.build/products/ast...
October 2, 2025 at 11:48 AM
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...
shop.astro.build/products/ast...
shop.astro.build/products/ast...
Reposted by Hazim Sami حازم سامي
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.
Since `:has()` is now cross-browser 🥳 here's what's still my 🌟 top 🌟 use case for it: theme switching!
In the very simple case, when we want to switch from a light to a dark theme, we switch `--dark` from `0` to `1` on the `body` when the dark theme option is selected.
#css
In the very simple case, when we want to switch from a light to a dark theme, we switch `--dark` from `0` to `1` on the `body` when the dark theme option is selected.
#css
August 7, 2025 at 6:37 AM
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.
Reposted by Hazim Sami حازم سامي
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/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
Drawing Yoda with CSS
YouTube video by Alvaro Montoro
youtu.be
July 6, 2025 at 12:02 AM
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/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
Reposted by Hazim Sami حازم سامي
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
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
Drawing a Mushroom Buddy with Pure CSS — Sunday CSS #16
YouTube video by Julia Miocene
youtu.be
July 6, 2025 at 12:02 PM
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
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
@dayplanner.bsky.social congrats on launching version 3 🎉
Do you have a public roadmap for the Mac version of the app?
Do you have a public roadmap for the Mac version of the app?
July 5, 2025 at 7:47 PM
@dayplanner.bsky.social congrats on launching version 3 🎉
Do you have a public roadmap for the Mac version of the app?
Do you have a public roadmap for the Mac version of the app?
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...
www.thestockpot.net/videos/cartr...
VHS was better...Hear me out. — The Stock Pot
It all begins with an idea.
www.thestockpot.net
July 5, 2025 at 10:41 AM
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...
www.thestockpot.net/videos/cartr...
Reposted by Hazim Sami حازم سامي
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!
March 29, 2025 at 11:37 AM
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!
Reposted by Hazim Sami حازم سامي
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...
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...
Web technology videos at WWDC25
It’s time for WWDC25!
webkit.org
June 9, 2025 at 9:16 PM
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...
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...
Reposted by Hazim Sami حازم سامي
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':
Blog Questions Challenge - Hicks.design
Answering questions about my blogging setup, as requested!
hicks.design
March 27, 2025 at 11:38 AM
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':
Reposted by Hazim Sami حازم سامي
Are you an Obsidian fan? Maurice Renck shares his setup for syncing content between Kirby and Obsidian
Obsidian Kirby Sync - Maurice Renck
I wrote two plugins to sync #getkirby and #obsidian with each other. Here's how I did it:
maurice-renck.de
March 25, 2025 at 2:00 PM
Are you an Obsidian fan? Maurice Renck shares his setup for syncing content between Kirby and Obsidian
Reposted by Hazim Sami حازم سامي
⚙️ 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
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
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!.
css-generators.com
May 12, 2025 at 9:48 AM
⚙️ 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
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
Reposted by Hazim Sami حازم سامي
“On popover accessibility: what the browser does and doesn’t do” by @hidde.blog and @scottohara.me
hidde.blog/popover-acce...
hidde.blog/popover-acce...
On popover accessibility: what the browser does and doesn’t do
What does “built in accessibility” actually mean for browsers that support popover?
hidde.blog
May 13, 2025 at 5:27 AM
“On popover accessibility: what the browser does and doesn’t do” by @hidde.blog and @scottohara.me
hidde.blog/popover-acce...
hidde.blog/popover-acce...
Reposted by Hazim Sami حازم سامي
And here's that Codepen refactored as promised using sibling-index()
May 12, 2025 at 10:29 PM
And here's that Codepen refactored as promised using sibling-index()
Reposted by Hazim Sami حازم سامي
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. 🧵
Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨
Let’s explore. 🧵
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...
www.joshwcomeau.com
May 12, 2025 at 3:47 PM
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. 🧵
Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨
Let’s explore. 🧵
Reposted by Hazim Sami حازم سامي
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
It’s not very hard and my account has been running on mine for over 6 months
youtu.be/7-VJvf39xVE
April 28, 2025 at 12:52 AM
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
It’s not very hard and my account has been running on mine for over 6 months
youtu.be/7-VJvf39xVE