Adirs Code

New in SVG STUDIO 🔸 - New email address for contacting - New copy+paste for canvas elements - Duplicate canvas elements - Copy+paste from Figma - Copy+paste into Figma - New “Import” menu #tech #svg #figma #design Read more here: www.svgstudio.org/studio/chang...

I’m reading @theverge.com on Safari, logged in with my Google account. I’m also both a YouTube Premium subscriber and a Verge premium member - on that same account, on the same iPhone. Yet YouTube embeds in a Verge article keep showing me ads. Make it make sense! Is piracy the only true path?

🔸 New Changelog post all about getting the website ready for iPhone Duo. Also some new changes in Studio include: - Adding a checkboard pattern for opacity - Fixing 3D perspective on zoom levels - Bug fixes #tech #svg www.svgstudio.org/studio/chang...

How can I unfollow TechCrunch?? This drives me crazy. And it’s not just them, I can’t seem to unfollow any account for more than a quick minute, what am I doing wrong? Please send help 🙏 @bsky.app #help #bluesky

New Wrist Watch! 🎉 Inspired by some of my favorite creators on YouTube. What do you think? #tech #watch #wristwatch #casio

Are you building or designing websites? Did you know you can change the color of user selection? The scroll bars? The browser accent color? Add Dark Mode automatically? No? Well, do I have an article for you… uxdesign.cc/css-you-didn... #tech #dev #design #uidesign #uiux #uxdesign #productdesign

Have you ever wished you could use Markdown in the middle of an HTML document? Now you can! No React needed, no dependencies! No headache! Use it for free, and if you like it - consider to star me on GitHub: adir-sl.github.io/mark-down #markdown #html #dev #frontend #development #github

My start in web development was hand coding SVG animations with CSS, since I have a degree in Animation. Today I launch the product I always dreamt about, a web app to make SVG animations visually. Anyway, it’s free and here’s the link: www.svgstudio.org #tech #dev #web

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

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 created a Claude Code app using Claude Code, it took less than two hours. #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/...

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

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

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

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

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

🔥 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

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

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

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

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

I wrote about AI for Thinking vs AI for “problem solving”, shockingly unpopular opinion here… #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

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

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 wrote a thing. 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

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

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

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

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

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

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

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

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

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

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

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