codes_console's profile picture. Software Engineer | Designer | Crafting the best web experience | Locked in

Igrīs ⚡

@codes_console

Software Engineer | Designer | Crafting the best web experience | Locked in

Pinned

I have a story to tell, Long thread, Late last year a friend started a food delivery business then i taught of how i could put my skills to use to help the business. So i though creating a web based store where users can order for food and get their food delivered to them...⬇️


Igrīs ⚡ reposted

accordion transitions w/ css ::details-content, <details> + <summary> 🧑‍🍳 details:has(~ [open]) { --y: -1; } [open] ~ details { --y: 1; } details { translate: 0 calc(var(--y) * 1rem); } [open]::details-content { height: fit-content; }

Accordion interaction ✨ Built with @motiondotdev and inspired by @nitishkmrk



Igrīs ⚡ reposted

The custom illustrations used 🙂‍↔️💫

king_goodness's tweet image. The custom illustrations used 🙂‍↔️💫
king_goodness's tweet image. The custom illustrations used 🙂‍↔️💫
king_goodness's tweet image. The custom illustrations used 🙂‍↔️💫
king_goodness's tweet image. The custom illustrations used 🙂‍↔️💫

Landing page hero exploration. Peep the illustrations💫

king_goodness's tweet image. Landing page hero exploration.
Peep the illustrations💫


Igrīs ⚡ reposted

New component will be added in daisyUI 5.5 soon. CSS-only. What should be the class name for it?


Igrīs ⚡ reposted

“Copy to clipboard”


I've been sleeping on Webstorm it's much much better than vs code ↔️😏


Igrīs ⚡ reposted

An amazing year for Cole. 🫶


Don't really like the way @zeddotdev terminal looks on windows 😕 Maybe an update might fix the ui


Igrīs ⚡ reposted

I am completely convinced that in the next 3 years we will see anti-silicon valley companies. Ones who's sole proposition is user focused non ai data selling versions i'll be personally I'll be researching one this week


Igrīs ⚡ reposted

A soft, pill-based notifications list with glassy cards floating

mnowakdesign's tweet image. A soft, pill-based notifications list with glassy cards floating
mnowakdesign's tweet image. A soft, pill-based notifications list with glassy cards floating
mnowakdesign's tweet image. A soft, pill-based notifications list with glassy cards floating
mnowakdesign's tweet image. A soft, pill-based notifications list with glassy cards floating

Reallg need to pick up react native anyone with good resources? 🧎‍♂️↔️ @developerBolu @_Annonnymouss_


Argon2 definitely used it recently and it was easy to tune

Which one is better for password hashing? 🤔. Personally, I think argon2 is better.

ennycodes's tweet image. Which one is better for password hashing? 🤔.

Personally, I think argon2 is better.


Igrīs ⚡ reposted

Which one is better for password hashing? 🤔. Personally, I think argon2 is better.

ennycodes's tweet image. Which one is better for password hashing? 🤔.

Personally, I think argon2 is better.

Igrīs ⚡ reposted

the trick: SVG displacement filter via CSS filter property. use on scaled duplicate content in the view finder element. that way, you don’t need to worry about backdrop-filter support 🤙 the tell: you don’t see all the content behind nice stuff 😎


Igrīs ⚡ reposted

How Shape and Icon Placement Influence Padding in Pills, Tags, and Badges, A primer: The edge shape of a component, whether sharp, moderately rounded, or fully pill-shaped, affects how padding is perceived and applied. Sharper edges can support tighter padding, while rounder…

leyeConnect's tweet image. How Shape and Icon Placement Influence Padding in Pills, Tags, and Badges, A primer:

The edge shape of a component, whether sharp, moderately rounded, or fully pill-shaped, affects how padding is perceived and applied. Sharper edges can support tighter padding, while rounder…

For so long I’ve been deeply looking at these pills. Dear Uncle @leye, please while designing pills like these such that the icons are leading, what is the best padding practice for the left & right in order to maintain a balanced pill.



Igrīs ⚡ reposted

Color palette inspiration 🔴 🟠 🟡 🟢 🔵 🟣 Curated color palette ideas displayed in an example website. Have a play 👇 happyhues.co


Igrīs ⚡ reposted

The Affinity case study by the Canva creative team — in case someone's looking for it. canvacreative.team/affinity


Igrīs ⚡ reposted

"Navigation feels slow in Next.js" Try cacheComponents 👇


Igrīs ⚡ reposted

Highlight Grid System - 2025

stephenkelman's tweet image. Highlight 
Grid System
-
2025

Igrīs ⚡ reposted

November is here and if you’re still doing things the old way, you’re already behind ⬇️ Here are 10 free websites so valuable they almost feel illegal to know:


United States Trends

Loading...

Something went wrong.


Something went wrong.