Adirs Code's Avatar

Adirs Code

@adirs.co

Head of Development at WeAreKido πŸͺ Posts about HTML, CSS, JS πŸ₯  Figma and UI/ UX 🍫 Retro Games πŸ‘Ύ and Random Thoughts 🧸

489
Followers
1,343
Following
292
Posts
07.02.2024
Joined
Posts Following

Latest posts by Adirs Code @adirs.co

Preview
A farewell to Flash Adobe Animate, Flash, was like an old friend. We didn’t keep in touch.

A link to the article:
uxdesign.cc/a-farewell-t...

03.03.2026 19:23 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

New Article πŸŽ‰

I heard Adobe is killing off Flash/ Animate so I felt so sad and nostalgic that I had to write a quick article about it.

In the time it took me to write it, Adobe decided to not entirely kill it (whatever).

A link to the article is in the first comment πŸ‘‡πŸΌ

#tech #adobe #flash #design

03.03.2026 19:23 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

New CodePen πŸ”₯

What is really Motion Blur?
It is a way to duplicate and delay motion elements so they appear β€œsmeared”.

How can we have fun with it?
With a new dynamic Spinner Loader animation.

#tech #dev #Coding

Here’s the actual code on @codepen.io:
codepen.io/Adir-SL/pen/...

20.02.2026 10:34 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

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...

12.02.2026 20:37 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

I created a Claude Code app using Claude Code, it took less than two hours.

#code #coding #ai #aicoding #vibecoding #claude #claudecode

05.02.2026 11:27 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

🀣

04.02.2026 12:52 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

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/...

04.02.2026 12:04 πŸ‘ 4 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Is separation of concerns a goal or a lie? The one with React, Tailwind and the separation of concerns

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...

03.02.2026 13:00 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
The Year I Read 52 Books How I did it and what I learned about reading and about writing...

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

15.12.2025 11:06 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Mistakes designers do in Figma all the time You’d be surprised to find them in your organization too

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...

03.12.2025 14:04 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
My History with Adobe How I turned from an Adobe professional user to an alternative seeker

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

24.11.2025 11:50 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I agree.
It’s also so gratifying when you actually use them πŸ˜…

23.10.2025 14:56 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

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

23.10.2025 13:44 πŸ‘ 6 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Sora App Icon: a Visual Breakdown The New Sora App Icon is Giving Away More Than Meets the Eye.

Read the whole thing here:
adirs.co/p/sora-app-i...

21.10.2025 09:54 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

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

21.10.2025 09:54 πŸ‘ 4 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

πŸ”₯ 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

03.10.2025 14:19 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Thank you πŸ™

12.09.2025 08:28 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Using Obsidian as a GitHub Front-end Or using GitHub as an Obsidian Back-end, it's the same thing

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

12.09.2025 08:09 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image

I’m moving my everything app from Craft Docs to Obsidian so I spent more than an hour picking a custom icon.

I know, it’s a me problem.

#Tech #Obsidian #Markdown #Icon

07.09.2025 12:04 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
My New CodePens - August 2025 A roundup of all the CodePens from this month.

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

01.09.2025 11:38 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

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

27.08.2025 11:33 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Thinking with AI vs "Problem Solving" My usage of AI at work and in my personal side projects

I wrote about AI for Thinking vs AI for β€œproblem solving”, shockingly unpopular opinion here…
#Tech #AI #unpopular

adirs.co/p/thinking-w...

22.08.2025 10:30 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

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

14.08.2025 11:56 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
The Real Cost of Subscription Pricing How come staying informed is so expensive?

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

12.08.2025 12:26 πŸ‘ 0 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

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

11.08.2025 13:20 πŸ‘ 0 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
Working with UI Libraries without React Simple clean HTML Component Libraries that anyone can implement

I wrote a thing.
It’s for Developers who know HTML.
#HTML #Dev #Developers #web

adirsl.beehiiv.com/p/working-wi...

06.08.2025 09:50 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

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

31.07.2025 14:41 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

So he really is the outie πŸ˜‚

30.07.2025 13:31 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

He might be a outie but he’s dressed like a innie…

30.07.2025 13:23 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

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

30.07.2025 13:13 πŸ‘ 0 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0