Adirs Code
@adirs.co
Head of Development at WeAreKido 🍪
Posts about HTML, CSS, JS 🥠
Figma and UI/ UX 🍫
Retro Games 👾
and Random Thoughts 🧸
Posts about HTML, CSS, JS 🥠
Figma and UI/ UX 🍫
Retro Games 👾
and Random Thoughts 🧸
New @codepen.io 🔥
I found another use for motion blur - Tooltips!
This is a part of my long time exploration of the medium of screen based motion blur as if it was a photographed movement in interface design.
#ui #uidesign #coding #dev #tech
Here’s the code:
codepen.io/Adir-SL/full...
I found another use for motion blur - Tooltips!
This is a part of my long time exploration of the medium of screen based motion blur as if it was a photographed movement in interface design.
#ui #uidesign #coding #dev #tech
Here’s the code:
codepen.io/Adir-SL/full...
February 12, 2026 at 8:37 PM
New @codepen.io 🔥
I found another use for motion blur - Tooltips!
This is a part of my long time exploration of the medium of screen based motion blur as if it was a photographed movement in interface design.
#ui #uidesign #coding #dev #tech
Here’s the code:
codepen.io/Adir-SL/full...
I found another use for motion blur - Tooltips!
This is a part of my long time exploration of the medium of screen based motion blur as if it was a photographed movement in interface design.
#ui #uidesign #coding #dev #tech
Here’s the code:
codepen.io/Adir-SL/full...
I created a Claude Code app using Claude Code, it took less than two hours.
#code #coding #ai #aicoding #vibecoding #claude #claudecode
#code #coding #ai #aicoding #vibecoding #claude #claudecode
February 5, 2026 at 11:27 AM
I created a Claude Code app using Claude Code, it took less than two hours.
#code #coding #ai #aicoding #vibecoding #claude #claudecode
#code #coding #ai #aicoding #vibecoding #claude #claudecode
New @codepen.io
A demo using the new “Stuck” CSS modifier for position sticky headers and such.
This used to require JavaScript.
A welcome addition to CSS.
#tech #dev #css #frontend #dev
The code:
codepen.io/Adir-SL/pen/...
A demo using the new “Stuck” CSS modifier for position sticky headers and such.
This used to require JavaScript.
A welcome addition to CSS.
#tech #dev #css #frontend #dev
The code:
codepen.io/Adir-SL/pen/...
February 4, 2026 at 12:04 PM
New @codepen.io
A demo using the new “Stuck” CSS modifier for position sticky headers and such.
This used to require JavaScript.
A welcome addition to CSS.
#tech #dev #css #frontend #dev
The code:
codepen.io/Adir-SL/pen/...
A demo using the new “Stuck” CSS modifier for position sticky headers and such.
This used to require JavaScript.
A welcome addition to CSS.
#tech #dev #css #frontend #dev
The code:
codepen.io/Adir-SL/pen/...
I wrote my thoughts a minute before AI changes all of the development process and none of this will matter…
#tech #dev #coding #devlife #frontend #react
uxdesign.cc/is-separatio...
#tech #dev #coding #devlife #frontend #react
uxdesign.cc/is-separatio...
Is separation of concerns a goal or a lie?
The one with React, Tailwind and the separation of concerns
uxdesign.cc
February 3, 2026 at 1:00 PM
The Year I Read 52 Books.
Interesting experience, can’t recommend.
If you’re interested in some book recommendations, please read:
adirs.co/p/the-year-i...
#book #BookTwitter #bookreview #BooksWorthReading #booklog
Interesting experience, can’t recommend.
If you’re interested in some book recommendations, please read:
adirs.co/p/the-year-i...
#book #BookTwitter #bookreview #BooksWorthReading #booklog
The Year I Read 52 Books
How I did it and what I learned about reading and about writing...
adirs.co
December 15, 2025 at 11:06 AM
The Year I Read 52 Books.
Interesting experience, can’t recommend.
If you’re interested in some book recommendations, please read:
adirs.co/p/the-year-i...
#book #BookTwitter #bookreview #BooksWorthReading #booklog
Interesting experience, can’t recommend.
If you’re interested in some book recommendations, please read:
adirs.co/p/the-year-i...
#book #BookTwitter #bookreview #BooksWorthReading #booklog
As Head of Development, I work with a lot of different designers in Figma.
These are the mistakes they keep making no matter how senior they are.
Do you see these mistakes in your organization too?
#design #figma #dev #writing
medium.com/design-bootc...
These are the mistakes they keep making no matter how senior they are.
Do you see these mistakes in your organization too?
#design #figma #dev #writing
medium.com/design-bootc...
Mistakes designers do in Figma all the time
You’d be surprised to find them in your organization too
medium.com
December 3, 2025 at 2:04 PM
As Head of Development, I work with a lot of different designers in Figma.
These are the mistakes they keep making no matter how senior they are.
Do you see these mistakes in your organization too?
#design #figma #dev #writing
medium.com/design-bootc...
These are the mistakes they keep making no matter how senior they are.
Do you see these mistakes in your organization too?
#design #figma #dev #writing
medium.com/design-bootc...
I wrote something that is kinda personal, it’s all my history with Adobe, what apps I use and what licenses I’ve had over the years.
I don’t like Adobe business practices and with time I used less and less Adobe products.
Can anybody relate?
www.adirs.co/p/my-history...
#tech #adobe #design
I don’t like Adobe business practices and with time I used less and less Adobe products.
Can anybody relate?
www.adirs.co/p/my-history...
#tech #adobe #design
My History with Adobe
How I turned from an Adobe professional user to an alternative seeker
www.adirs.co
November 24, 2025 at 11:50 AM
I wrote something that is kinda personal, it’s all my history with Adobe, what apps I use and what licenses I’ve had over the years.
I don’t like Adobe business practices and with time I used less and less Adobe products.
Can anybody relate?
www.adirs.co/p/my-history...
#tech #adobe #design
I don’t like Adobe business practices and with time I used less and less Adobe products.
Can anybody relate?
www.adirs.co/p/my-history...
#tech #adobe #design
Don’t mind me, just building myself a toolbar assistant to calculate Tailwind CSS x4 padding and margins.
I also have Proportional Scale one of calculator, I used to open PHOTOSHOP for that 🤣
Feel fun to develop my own micro tools myself - no AI and no worries.
#dev #CSS #buildinpublic
I also have Proportional Scale one of calculator, I used to open PHOTOSHOP for that 🤣
Feel fun to develop my own micro tools myself - no AI and no worries.
#dev #CSS #buildinpublic
October 23, 2025 at 1:44 PM
Don’t mind me, just building myself a toolbar assistant to calculate Tailwind CSS x4 padding and margins.
I also have Proportional Scale one of calculator, I used to open PHOTOSHOP for that 🤣
Feel fun to develop my own micro tools myself - no AI and no worries.
#dev #CSS #buildinpublic
I also have Proportional Scale one of calculator, I used to open PHOTOSHOP for that 🤣
Feel fun to develop my own micro tools myself - no AI and no worries.
#dev #CSS #buildinpublic
I wrote something! A new blog post! 🔥
It’s all about the new icon for the Sora app. Many of you know me as a Developer but I used to be a UI/ UX Designer.
This icon took me places, Van-Gogh, The Golem, Pinocchio and Steve Jobs waving the Jolly Roger ☠️
Link in the comments 👇
#design #uiux #app
It’s all about the new icon for the Sora app. Many of you know me as a Developer but I used to be a UI/ UX Designer.
This icon took me places, Van-Gogh, The Golem, Pinocchio and Steve Jobs waving the Jolly Roger ☠️
Link in the comments 👇
#design #uiux #app
October 21, 2025 at 9:54 AM
🔥 NEW CODEPEN! 🔥
CSS Amoeba 🦠
This was done mostly with the “filter” property, and it does NOT play nice on mobile.
Here’s the @codepen.io link:
codepen.io/Adir-SL/pen/...
#Tech #CSS #HTML #DEV #WEB
CSS Amoeba 🦠
This was done mostly with the “filter” property, and it does NOT play nice on mobile.
Here’s the @codepen.io link:
codepen.io/Adir-SL/pen/...
#Tech #CSS #HTML #DEV #WEB
October 3, 2025 at 2:19 PM
🔥 NEW CODEPEN! 🔥
CSS Amoeba 🦠
This was done mostly with the “filter” property, and it does NOT play nice on mobile.
Here’s the @codepen.io link:
codepen.io/Adir-SL/pen/...
#Tech #CSS #HTML #DEV #WEB
CSS Amoeba 🦠
This was done mostly with the “filter” property, and it does NOT play nice on mobile.
Here’s the @codepen.io link:
codepen.io/Adir-SL/pen/...
#Tech #CSS #HTML #DEV #WEB
It all started with our Dev team knowledge base, at first I handled it all in my IDE.
But then I had an idea - if it’s mostly Markdown files anyway: Why not use Obsidian?
And of course I wrote about it:
adirs.co/p/using-obsi...
#tech #github @github.com @codepen.io @obsidian.md
But then I had an idea - if it’s mostly Markdown files anyway: Why not use Obsidian?
And of course I wrote about it:
adirs.co/p/using-obsi...
#tech #github @github.com @codepen.io @obsidian.md
Using Obsidian as a GitHub Front-end
Or using GitHub as an Obsidian Back-end, it's the same thing
adirs.co
September 12, 2025 at 8:09 AM
It all started with our Dev team knowledge base, at first I handled it all in my IDE.
But then I had an idea - if it’s mostly Markdown files anyway: Why not use Obsidian?
And of course I wrote about it:
adirs.co/p/using-obsi...
#tech #github @github.com @codepen.io @obsidian.md
But then I had an idea - if it’s mostly Markdown files anyway: Why not use Obsidian?
And of course I wrote about it:
adirs.co/p/using-obsi...
#tech #github @github.com @codepen.io @obsidian.md
August roundup! 🔥
Every year August is a hard month to get any work done since my kids are at home, but this year I did manage to make 3 new CodePens.
Here they are, in case you missed them:
adirs.co/p/my-new-cod...
#coding #blog #writing
Every year August is a hard month to get any work done since my kids are at home, but this year I did manage to make 3 new CodePens.
Here they are, in case you missed them:
adirs.co/p/my-new-cod...
#coding #blog #writing
My New CodePens - August 2025
A roundup of all the CodePens from this month.
adirs.co
September 1, 2025 at 11:39 AM
August roundup! 🔥
Every year August is a hard month to get any work done since my kids are at home, but this year I did manage to make 3 new CodePens.
Here they are, in case you missed them:
adirs.co/p/my-new-cod...
#coding #blog #writing
Every year August is a hard month to get any work done since my kids are at home, but this year I did manage to make 3 new CodePens.
Here they are, in case you missed them:
adirs.co/p/my-new-cod...
#coding #blog #writing
New @codepen.io !
Tried to replicate a game my daughter plays as she’s making up stories using 3 cards at a time.
Here’s the code itself:
codepen.io/Adir-SL/full...
#tech #code #codepen #HTML #CSS
Tried to replicate a game my daughter plays as she’s making up stories using 3 cards at a time.
Here’s the code itself:
codepen.io/Adir-SL/full...
#tech #code #codepen #HTML #CSS
August 27, 2025 at 11:33 AM
New @codepen.io !
Tried to replicate a game my daughter plays as she’s making up stories using 3 cards at a time.
Here’s the code itself:
codepen.io/Adir-SL/full...
#tech #code #codepen #HTML #CSS
Tried to replicate a game my daughter plays as she’s making up stories using 3 cards at a time.
Here’s the code itself:
codepen.io/Adir-SL/full...
#tech #code #codepen #HTML #CSS
I wrote about AI for Thinking vs AI for “problem solving”, shockingly unpopular opinion here…
#Tech #AI #unpopular
adirs.co/p/thinking-w...
#Tech #AI #unpopular
adirs.co/p/thinking-w...
Thinking with AI vs "Problem Solving"
My usage of AI at work and in my personal side projects
adirs.co
August 22, 2025 at 10:30 AM
I wrote about AI for Thinking vs AI for “problem solving”, shockingly unpopular opinion here…
#Tech #AI #unpopular
adirs.co/p/thinking-w...
#Tech #AI #unpopular
adirs.co/p/thinking-w...
Believe it or not, this is all one component in Figma, not development at all.
When the components are functional, prototyping should be a breeze…
@figma.com
#figma #design #designer
When the components are functional, prototyping should be a breeze…
@figma.com
#figma #design #designer
August 14, 2025 at 11:56 AM
Believe it or not, this is all one component in Figma, not development at all.
When the components are functional, prototyping should be a breeze…
@figma.com
#figma #design #designer
When the components are functional, prototyping should be a breeze…
@figma.com
#figma #design #designer
A new blog post 🎉
The real cost of subscription pricing, spoiler: it’s not what you think.
Here’s the link:
adirs.co/p/the-real-c...
#tech #blog #writing
The real cost of subscription pricing, spoiler: it’s not what you think.
Here’s the link:
adirs.co/p/the-real-c...
#tech #blog #writing
The Real Cost of Subscription Pricing
How come staying informed is so expensive?
adirs.co
August 12, 2025 at 12:27 PM
A new blog post 🎉
The real cost of subscription pricing, spoiler: it’s not what you think.
Here’s the link:
adirs.co/p/the-real-c...
#tech #blog #writing
The real cost of subscription pricing, spoiler: it’s not what you think.
Here’s the link:
adirs.co/p/the-real-c...
#tech #blog #writing
New @codepen.io 🔥
I’m keeping with the trends, here’s my Glass like material.
All done with clean CSS, no extra elements needed!
Here’s the code:
codepen.io/Adir-SL/full...
#CSS #dev #tech #liquidglass
I’m keeping with the trends, here’s my Glass like material.
All done with clean CSS, no extra elements needed!
Here’s the code:
codepen.io/Adir-SL/full...
#CSS #dev #tech #liquidglass
August 11, 2025 at 1:20 PM
New @codepen.io 🔥
I’m keeping with the trends, here’s my Glass like material.
All done with clean CSS, no extra elements needed!
Here’s the code:
codepen.io/Adir-SL/full...
#CSS #dev #tech #liquidglass
I’m keeping with the trends, here’s my Glass like material.
All done with clean CSS, no extra elements needed!
Here’s the code:
codepen.io/Adir-SL/full...
#CSS #dev #tech #liquidglass
I wrote a thing.
It’s for Developers who know HTML.
#HTML #Dev #Developers #web
adirsl.beehiiv.com/p/working-wi...
It’s for Developers who know HTML.
#HTML #Dev #Developers #web
adirsl.beehiiv.com/p/working-wi...
Working with UI Libraries without React
Simple clean HTML Component Libraries that anyone can implement
adirsl.beehiiv.com
August 6, 2025 at 9:50 AM
I wrote a thing.
It’s for Developers who know HTML.
#HTML #Dev #Developers #web
adirsl.beehiiv.com/p/working-wi...
It’s for Developers who know HTML.
#HTML #Dev #Developers #web
adirsl.beehiiv.com/p/working-wi...
I didn’t draw at all for so long but I once drew cartoons almost daily.
This isn’t finished, I’ll probably do a full colored version in the future, so stay tuned
😅
Done on my iPad Pro.
#iPad #iPadArt #Artist #Sketch #Procreate
This isn’t finished, I’ll probably do a full colored version in the future, so stay tuned
😅
Done on my iPad Pro.
#iPad #iPadArt #Artist #Sketch #Procreate
July 31, 2025 at 2:42 PM
I didn’t draw at all for so long but I once drew cartoons almost daily.
This isn’t finished, I’ll probably do a full colored version in the future, so stay tuned
😅
Done on my iPad Pro.
#iPad #iPadArt #Artist #Sketch #Procreate
This isn’t finished, I’ll probably do a full colored version in the future, so stay tuned
😅
Done on my iPad Pro.
#iPad #iPadArt #Artist #Sketch #Procreate
Figma added Glass effect to keep with Apple’s new Liquid Glass design.
If you’re making mobile apps, you have to somehow make this effect to reflect your app.
Figma had to add it, even though I hate that Figma is moving away from web standards.
What do you think?
#Figma #Design #LiquidGlass #iOS
If you’re making mobile apps, you have to somehow make this effect to reflect your app.
Figma had to add it, even though I hate that Figma is moving away from web standards.
What do you think?
#Figma #Design #LiquidGlass #iOS
July 30, 2025 at 1:13 PM
Figma added Glass effect to keep with Apple’s new Liquid Glass design.
If you’re making mobile apps, you have to somehow make this effect to reflect your app.
Figma had to add it, even though I hate that Figma is moving away from web standards.
What do you think?
#Figma #Design #LiquidGlass #iOS
If you’re making mobile apps, you have to somehow make this effect to reflect your app.
Figma had to add it, even though I hate that Figma is moving away from web standards.
What do you think?
#Figma #Design #LiquidGlass #iOS
A friendly reminder that AI is aimed to please, not to reflect reality.
When asked about software - it will frequently just make up apps, versions or features that don’t exist.
Always navigate to a real webpage or a tutorial written by humans, AI is a garbage yes man.
#AI #Tech #Google #Gemini
When asked about software - it will frequently just make up apps, versions or features that don’t exist.
Always navigate to a real webpage or a tutorial written by humans, AI is a garbage yes man.
#AI #Tech #Google #Gemini
July 28, 2025 at 5:42 PM
I don’t know if this opinion is popular or not:
I’m tired of hearing people saying about AI that some field (art, coding, music) was (or is) gated by your skill level and AI finally frees us.
If you’re not interested enough in a field to learn it, faking interest with AI is nothing.
#AI #AIArt
I’m tired of hearing people saying about AI that some field (art, coding, music) was (or is) gated by your skill level and AI finally frees us.
If you’re not interested enough in a field to learn it, faking interest with AI is nothing.
#AI #AIArt
July 27, 2025 at 5:54 PM
Figmaing around.
The button is approved 👍
#Figma #FigmaDesign #Design #Tech #UI #UIUX #UIDesign #Awsome #Product #ProductDesign
The button is approved 👍
#Figma #FigmaDesign #Design #Tech #UI #UIUX #UIDesign #Awsome #Product #ProductDesign
July 23, 2025 at 1:40 PM
Figmaing around.
The button is approved 👍
#Figma #FigmaDesign #Design #Tech #UI #UIUX #UIDesign #Awsome #Product #ProductDesign
The button is approved 👍
#Figma #FigmaDesign #Design #Tech #UI #UIUX #UIDesign #Awsome #Product #ProductDesign
New @codepen.io 🔥
Today it’s a new animation based on the letter “J” twice with a ball going through those “pipes”.
Here’s the code:
codepen.io/Adir-SL/pen/...
#CSS #Tech #Dev
Today it’s a new animation based on the letter “J” twice with a ball going through those “pipes”.
Here’s the code:
codepen.io/Adir-SL/pen/...
#CSS #Tech #Dev
July 21, 2025 at 11:37 AM
New @codepen.io 🔥
Today it’s a new animation based on the letter “J” twice with a ball going through those “pipes”.
Here’s the code:
codepen.io/Adir-SL/pen/...
#CSS #Tech #Dev
Today it’s a new animation based on the letter “J” twice with a ball going through those “pipes”.
Here’s the code:
codepen.io/Adir-SL/pen/...
#CSS #Tech #Dev