Recent searches
Search options
#frontend
58 posts49 participants0 posts today
#Development #Launches
Sandboxes · A repository of 30+ playgrounds for developers https://ilo.im/163fl8
_____
#Programming #Coding #Playgrounds #Blog #Documentation #Education #OpenSource #WebDev #Frontend #Backend
Where do design tokens actually come from and why they matter in modern #webdevelopment 
During our last #Frontend and Friends meetup, Nils Wiere, Freelance Design System Consultant) walked the audience through the evolution of #designtokens - Watch the recording on our YouTube channel to see the full session: https://youtu.be/uMb4M7VCRCE?si=5tqcd94i0Dx2Aq7K
#Development #Guides
Giving up CSS pre/post-processors · Is it time to move on to native CSS? https://ilo.im/163dhy
_____
#ModernCSS #Sass #Less #Stylus #TailwindCSS #LightningCSS #Browser #WebDev #Frontend #CSS
In today's case study, Olivier Tardif shares how he reworked Arts Corporation's site to make animations useful—not frustrating—while tackling everything from scroll freezes to autoplay sliders. 
Dive into the technical details of his latest project, it's really worth a read!
Read it here: https://tympanus.net/codrops/2025/04/22/designing-for-flow-not-frustration-the-transformation-of-arts-corporation/
GIF
Always TwistedAlways Twisted - Design Systems & Front-End ConsultantHi, I’m Stu Robson, a Design Systems consultant and front-end developer helping teams create scalable, accessible systems that enhance collaboration.
#Development #Pitfalls
All browsers get this wrong · What DevTools misinterpret about Shadow DOM https://ilo.im/163dax
_____
#Bugs #Specification #WebComponents #ShadowDOM #DevTools #Browser #WebDev #Frontend #DOM #CSS
Hello, everyone
I'm a Senior Full Stack Developer with 8+ years of experience delivering scalable, high-performance web applications across startups and global companies. I specialize in JavaScript, TypeScript, Python, React, Next.js, Angular, Vue, Node.js, Django, and FastAPI.
Please check my past work here:
https://alilee.vercel.app
Let’s build something amazing together.
If you're into #React or #WebDevelopment
"Five years of React Native at Shopify"
ShopifyFive years of React Native at Shopify (2025) - ShopifyFive years ago, we announced that React Native (RN) is the future of mobile at Shopify. Today, we are excited to share the progress we've made, lessons learned, and what the future holds.
To recap, we decided to switch to RN for 3 main reasons:
Write it once - Stop building the same features twice, once on iOS and once on Android
Talent portability - Enable devs to work fluently across iOS, Android, and Web
Ship more value - Spend more time delivering value to users instead of chasing feature parity
We’re happy to share that our transition has been quite successful:
Not having to build the same features twice has given us a step change in productivity
Engineers are able to work across web and mobile allowing teams to do more with the same number of people and unlocked new growth opportunities
Maintaining feature parity between iOS and Android has become a non-issue, freeing up capacity to ship a lot more value
Our apps are blazing fast (<500ms screen loads) and stable (>99.9% crash-free sessions)
We continue to leverage native wherever it is the best tool for the job, giving us the best of both worlds
Over the past 5 years, we have migrated all our apps to React Native. Instead of using a one-size-fits-all approach to do so, each team chose when and how to migrate their app. This allowed them to continue shipping features while also aligning with our strategy of leveraging RN.
What did we learn?
React Native apps are fast
We care very deeply about performance at Shopify. As our CEO Tobi Lutke says, “not all fast software is great, but all great software is fast”. The biggest question we had while switching to RN and the main reason we didn’t do it sooner was whether we’d be able to achieve our performance goals with it.
Before making the decision to switch, we did extensive prototyping which led to promising results. We also saw all the work that Meta
#Development #Findings
State of Web Dev AI 2025 · Results of the first State of Web Dev AI survey https://ilo.im/163dgv
_____
#Programming #Coding #AI #GenerativeAI #Tools #Libraries #WebDev #Frontend #Backend #Survey
We're kicking off the week with a hands-on tutorial by Tom Miller on building robust GSAP-powered carousels. 
From scroll snapping & infinite loops to drag support & parallax effects, it's full of tips for creating polished, accessible animations.
Dive into the full guide: https://tympanus.net/codrops/2025/04/21/mastering-carousels-with-gsap-from-basics-to-advanced-animation/
GIF
#Development #Techniques
Minimal dark mode · Light and dark mode in just 1 line of CSS https://ilo.im/163ec0
_____
#OneLiner #ColorScheme #LightMode #DarkMode #Browser #WebDev #Frontend #CSS
Looking for a fast, clean, and reliable Next.js template?
Meet SNL Pro – built with Tailwind CSS and TypeScript for speed, safety, and sleek design. Perfect for modern developers and teams who want results.
If you’re a #haskell user or a proponent of #functionalprogramming please consider donating to the #Purescript project to keep it alive.
It’s a fairly obscure project but, IMO, it is THE language for web #frontend.
On top of that, the backend was recently rewritten in #ChezScheme which tends to be very popular choice in the #formalmethods world due to its rigor.
I see #ghcjs nipping at its heels but IMO, PS will always be a more bespoke and opinionated tool.
opencollective.comContribute - Open Collective
Remember that slick hover effect on Evervault's site? Still hot as hell 
In 2023 we broke it down and recreated the spotlight hover magic using CSS & JS!
Still a favorite: https://tympanus.net/codrops/2023/05/17/recreating-the-gradient-mask-hover-effect-from-evervault/
GIF
J'adore les petites animations sur le site de Josh Comeau (https://www.joshwcomeau.com) et notamment ce petit cœur complètement gadget et trop mignon.
J'ai découvert par hasard qu'au clic droit on pouvait aussi réduire les j'aime et depuis je m'amuse à les faire monter / descendre 
#Design #Approaches
Designing in the browser · Your starting point for in-browser mockups https://ilo.im/163dnu
_____
#Browser #DesignProcess #UiDesign #WebDesign #Development #WebDev #Frontend #HTML #CSS #JavaScript
Want to give your static website a Single Page App feel?
Enter Hotwire's Turbo: A #JavaScript library promising to do just that — all without having to write JS code.
But… does it live up to the hype? 
Find out for yourself
https://marmelab.com/blog/2025/04/18/give-a-spa-feel-to-your-static-website-with-turbo.html
marmelab.comGive a SPA Feel to Your Static Website with Hotwire's TurboTurbo is a JavaScript library promising to give a Single Page App feel to a static website without requiring to write JS code. We tested it on the React Admin documentation pages, but faced several issues that made this solution impractical to us.
