Sign in

Adirs Code

@adirs.co
493 followers 1.3K following 302 posts

Head of Development at WeAreKido 🍪 Posts about HTML, CSS, JS 🥠 Figma and UI/ UX 🍫 Retro Games 👾 and Random Thoughts 🧸

PostsRepliesMedia
Adirs Code @adirs.co · 07/09/2026
Jumping Cactus Animation, Made in SVG Studio, Original illustration by @vandubovik.bsky.social #web #animation #tech CodePen link in the comments below 👇
152
Adirs Code @adirs.co · 10/08/2026
New Wrist Watch! 🎉 Inspired by some of my favorite creators on YouTube. What do you think? #tech #watch #wristwatch #casio
000
Adirs Code @adirs.co · 24/03/2026
Eating my own dogfood. Earlier this week I launched SVG Studio (link the comments), and here I am animating inside my own tool. It feels surreal, everything works, it feels like eating dogfood for the first time and realizing it’s actually yummy. #tech #dev #coding #animation
100
Adirs Code @adirs.co · 03/03/2026
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
100
Adirs Code @adirs.co · 20/02/2026
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/...
000
Adirs Code @adirs.co · 12/02/2026
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...
020
Adirs Code @adirs.co · 05/02/2026
I created a Claude Code app using Claude Code, it took less than two hours. #code #coding #ai #aicoding #vibecoding #claude #claudecode
010
Adirs Code @adirs.co · 04/02/2026
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/...
030
Adirs Code @adirs.co · 23/10/2025
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
160
Adirs Code @adirs.co · 21/10/2025
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
140
Adirs Code @adirs.co · 03/10/2025
🔥 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
010
Adirs Code @adirs.co · 07/09/2025
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
010
Adirs Code @adirs.co · 27/08/2025
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
010
Adirs Code @adirs.co · 14/08/2025
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
000
Adirs Code @adirs.co · 11/08/2025
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
001
Adirs Code @adirs.co · 31/07/2025
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
011
Adirs Code @adirs.co · 30/07/2025
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
001
Adirs Code @adirs.co · 28/07/2025
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
021
Adirs Code @adirs.co · 23/07/2025
Figmaing around. The button is approved 👍 #Figma #FigmaDesign #Design #Tech #UI #UIUX #UIDesign #Awsome #Product #ProductDesign
001
Adirs Code @adirs.co · 21/07/2025
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
021
Adirs Code @adirs.co · 18/07/2025
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...
021
Adirs Code @adirs.co · 17/07/2025
🔥 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/...
011
Adirs Code @adirs.co · 26/05/2025
Apparently this button design is impossible to achieve with Tailwind CSS because ring-offset is not compiled into outline-offset but into box-shadow. You can fake it with a custom color between the button and outline but you’ll never be able to show the background below. #CSS #tailwind #TailwindCSS
040
Adirs Code @adirs.co · 22/05/2025
Me thinking about the OpenAI possible AI pin, If they’re smart they won’t fall into the rabbit hole (pun intended) of AI pins. I really think they should instead do something closer to an AI in headphones or in smart glasses or something. #AI #AIpin #JonyIve #OpenAI #Tech #Apple #Meta #Wearables
000
Adirs Code @adirs.co · 21/05/2025
I just got the Aya Neo Limited Edition Messenger Bag, it’s made for the Pocket DMG but I’ll use it for my Analouge Pocket. I can confirm it’s the perfect size for: Analogue Pocket, Anbernic rg40xxv, GameBoy DMG, GameBoy Color and even the DSi XL. Totally worth the 35$. #gaming #retro #ayaneo
030
Adirs Code @adirs.co · 27/04/2025
I spent way too much time looking for a new productivity app, and even though they’re all functional, only these are actually well designed apps: 1. Craft Docs (Twos is my second choice) 2. My Mind 3. Todoist (Superlist is my second choice) So what are YOU using? #Tech #Design #AppDesign
010
Adirs Code @adirs.co · 24/04/2025
TIL In the iOS App Store you can perform a search by pressing the search icon WHILE you’re already in the Search tab. Also works in iPad OS. #Apple #iOS #Tech #UI #UIUX
030
Adirs Code @adirs.co · 22/04/2025
TIL In React, some components can be TypeScript (tsx files) and some can be JavaScript (jsx files), you don't HAVE TO choose, each one can be different. It still works. #Development #TIL #React #ReactJS
020
Adirs Code @adirs.co · 21/04/2025
🔥 𝗟𝗢𝗧𝗧𝗜𝗘 𝗣𝗟𝗔𝗬𝗘𝗥 🔥 Doing some architectural change this week, the older version (background window) is running an electron app and the new version (foreground window) isnow a fully functional @tauri.app app. It will make a smaller and more efficient package. #BuiltInPublic #development
000
Adirs Code @adirs.co · 07/04/2025
I asked AI to generate the same classic Macintosh control panel UI, designed by Susan Kare in 1984 in two "modern" Mac styles: Aqua (from around 2000) and in the modern Sequoia style. Not bad, not bad at all... #Apple #Mac #UI #Design #Tech
000
Adirs Code @adirs.co · 04/04/2025
Everyone is complaining about the Nintendo Switch 2, it’s too expensive, it’s not OLED, it’s too heavy, battery life is worse etc. My prediction: 2 Million units sold in the first month. Yes, TWO MILLION. #Switch2 #Nintendo #NintendoSwitch
010
Adirs Code @adirs.co · 03/04/2025
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
010
Adirs Code @adirs.co · 02/04/2025
𝗟𝗢𝗧𝗧𝗜𝗘 𝗣𝗟𝗔𝗬𝗘𝗥 𝗨𝗣𝗗𝗔𝗧𝗘 🔥 Now you can officially download both Mac AND Windows versions from our official website. Everything is so official now 🤣 #BuildInPublic #Lottie #Development
250
Adirs Code @adirs.co · 01/04/2025
Ha Ha 🤣 Very funny, @github.com you show today, April 1st, as a day I have no commits. Well played. 👏 #development #developer
000
Adirs Code @adirs.co · 27/03/2025
Me and my son in the style of Studio Ghibli. Is that what we're doing now? 🤣 #AI #Tech #Ghibli
010
Adirs Code @adirs.co · 27/03/2025
HOT TAKE 🔥 You should Like 👍 You should Subscribe 👍 You should NEVER touch the bell icon 🔕 And YouTubers should stop asking for it! If you agree - please Like and Subscribe 👍 #Tech #YouTube #Online
020
Adirs Code @adirs.co · 26/03/2025
LOTTIE PLAYER on WINDOWS 🎊 First Windows build to hit our GitHub is v1.0.3, coming soon to the official website. In the meantime, grab it here: github.com/Adir-SL/Lott... 🔥 #BuildInPublic #Development #Lottie #Animation
010
Adirs Code @adirs.co · 24/03/2025
LOTTIE PLAYER 🔥 Just a quick update about Lottie Player for Windows…. Coming soon! 🎉 See attached screenshot. #BuildInPublic #Development
040
Adirs Code @adirs.co · 23/03/2025
I did a thing... I'm gonna rock a #Pebble like it's 2012 ! At least until the Pebble Time Round clone will hit the scene. #RePebble #CoreDevices #SmartWatch
010
Adirs Code @adirs.co · 16/03/2025
I have a technical question - if my MacBook has an M-series chip and my iPad Pro has an M-series chip and that makes it possible for my MacBook to run iPad apps - how come my iPad can run iPhone apps and my MacBook cannot? Also - iPhone mirroring sucks (in image)... #Tech #Apple #Applesilicon
010
Adirs Code @adirs.co · 13/03/2025
Well, I guess I’m done with filling up the Pokédex, I already got the best one 😜 #pokemon #Pikachu #gaming
020
Adirs Code @adirs.co · 05/03/2025
𝗟𝗢𝗧𝗧𝗜𝗘 𝗣𝗟𝗔𝗬𝗘𝗥 𝗨𝗣𝗗𝗔𝗧𝗘! 🔥 After much consideration and testing, we’re now changing the playing indicator to the more commonly used “►”. Update is already live on GitHub in v1.0.3 and will be coming soon to the official channels. #BuildInPublic #Lottie #Tech
031
Adirs Code @adirs.co · 03/03/2025
I know in the US you’re all hung up about the price of the iPhone 16e because it’s only just 200$ cheaper than the regular 16. Well, it’s still 25% off the price of the iPhone 16, in my country the price difference is only about 16% (No pun intended). #iPhone #Apple #Tech
000
Adirs Code @adirs.co · 18/02/2025
I played around with Replit new app, which features an AI agent that can build apps and deploy them for you, all from a description you feed to it. Doesn’t work, the apps are riddled with errors and bugs, I’m a professional developer, and I couldn’t get a single working app. #Tech #AI #Replit
010
Adirs Code @adirs.co · 13/02/2025
I found this in a secondhand store, bought it of course - for about a quarter of the price of a new game. So far everything is working great and the game is really fun… #Gaming #Pokemon #Nintendo
020
Adirs Code @adirs.co · 12/02/2025
New watch strap! I had a dark blue one which was fine but the red one added some ✨BLING✨ in my opinion. #watch
000
Adirs Code @adirs.co · 11/02/2025
Does setting the wallpaper/s on my phone to my own photography count as “dogfooding”? This shortcut I made also flips between Dark Mode and Light Mode, while setting the appropriate wallpaper. #Tech #wallpaper #shortcuts
000
Adirs Code @adirs.co · 10/02/2025
𝗟𝗢𝗧𝗧𝗜𝗘 𝗣𝗟𝗔𝗬𝗘𝗥 - 𝘂𝗽𝗱𝗮𝘁𝗲 🔥 Along with the file name to each animation, I've added a file size indicator, which automatically switches between KB and MB, depending on the need. Since it's Lottie, it will never be Bytes, nor will it ever reach the GB needs Coming soon to v1.0.3 #BuildInPublic #Tech
010
Adirs Code @adirs.co · 09/02/2025
Dress for the job you want - Final Fantasy V, SNES #retrogaming
071
Adirs Code @adirs.co · 06/02/2025
What is wrong with ChatGPT? When I asked it about attributes in CSS Pseudo elements, he told me what I want is impossible (image 1). Then I gave it the answer (in image 2) and he told me that it works, thanks chatGPT, why didn't YOU give me the answer? #openai #chatGPT #AI #Tech
000