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 🧸
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
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
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
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
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
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
New @codepen.io 🔥
This week - an animation that doesn’t close any rings, because sometimes the effort is what counts 😛
#CSS #DEV #Tech
Here’s the code:
codepen.io/Adir-SL/full...
This week - an animation that doesn’t close any rings, because sometimes the effort is what counts 😛
#CSS #DEV #Tech
Here’s the code:
codepen.io/Adir-SL/full...
July 18, 2025 at 8:41 AM
New @codepen.io 🔥
This week - an animation that doesn’t close any rings, because sometimes the effort is what counts 😛
#CSS #DEV #Tech
Here’s the code:
codepen.io/Adir-SL/full...
This week - an animation that doesn’t close any rings, because sometimes the effort is what counts 😛
#CSS #DEV #Tech
Here’s the code:
codepen.io/Adir-SL/full...
🔥 MY ENDLESS BUTTON COLLECTION 🔥
A new @codepen.io I made to make a little fun of buttons, the buttons are really endless - the more you scroll, the more buttons that are being generated.
#dev #CSS #tech
Link to the code:
codepen.io/Adir-SL/pen/...
A new @codepen.io I made to make a little fun of buttons, the buttons are really endless - the more you scroll, the more buttons that are being generated.
#dev #CSS #tech
Link to the code:
codepen.io/Adir-SL/pen/...
July 17, 2025 at 10:54 AM
🔥 MY ENDLESS BUTTON COLLECTION 🔥
A new @codepen.io I made to make a little fun of buttons, the buttons are really endless - the more you scroll, the more buttons that are being generated.
#dev #CSS #tech
Link to the code:
codepen.io/Adir-SL/pen/...
A new @codepen.io I made to make a little fun of buttons, the buttons are really endless - the more you scroll, the more buttons that are being generated.
#dev #CSS #tech
Link to the code:
codepen.io/Adir-SL/pen/...
LOTTIE PLAYER 🎉
Now that we released a Windows version, I can finally run my own software on my own gaming PC, and yes it’s a handheld.
Feeling surreal
👏
#BuildInPublic #Development
Now that we released a Windows version, I can finally run my own software on my own gaming PC, and yes it’s a handheld.
Feeling surreal
👏
#BuildInPublic #Development
April 3, 2025 at 10:19 AM
LOTTIE PLAYER 🎉
Now that we released a Windows version, I can finally run my own software on my own gaming PC, and yes it’s a handheld.
Feeling surreal
👏
#BuildInPublic #Development
Now that we released a Windows version, I can finally run my own software on my own gaming PC, and yes it’s a handheld.
Feeling surreal
👏
#BuildInPublic #Development