#frontenddev — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #frontenddev, aggregated by home.social.
-
Oh, dear hand-crafters of #HTML, welcome to the dystopian future where front-end dev is a convoluted mess of 🤖 build tools, labyrinthine frameworks, and server-side sorcery. Remember when "buY-buttON" was just a typo and not a life choice involving 45 megs of dependencies? 😂 Here's your guide to modern web development: abandon all hope, ye who enter here. 🌀🔧
https://davidpoblador.com/deep-dives/the-descent/ #frontEndDev #webDevelopment #dystopia #techHumor #developerLife #HackerNews #ngated -
Oh, dear hand-crafters of #HTML, welcome to the dystopian future where front-end dev is a convoluted mess of 🤖 build tools, labyrinthine frameworks, and server-side sorcery. Remember when "buY-buttON" was just a typo and not a life choice involving 45 megs of dependencies? 😂 Here's your guide to modern web development: abandon all hope, ye who enter here. 🌀🔧
https://davidpoblador.com/deep-dives/the-descent/ #frontEndDev #webDevelopment #dystopia #techHumor #developerLife #HackerNews #ngated -
Oh, dear hand-crafters of #HTML, welcome to the dystopian future where front-end dev is a convoluted mess of 🤖 build tools, labyrinthine frameworks, and server-side sorcery. Remember when "buY-buttON" was just a typo and not a life choice involving 45 megs of dependencies? 😂 Here's your guide to modern web development: abandon all hope, ye who enter here. 🌀🔧
https://davidpoblador.com/deep-dives/the-descent/ #frontEndDev #webDevelopment #dystopia #techHumor #developerLife #HackerNews #ngated -
React-like syntax with WebComponents.
After spending some time with Lit, I really appreciated its lightweight footprint but wasn't a fan of the class-based components. While Vue offers a great approach, I still prefer the intuitive nature of React's syntax for debugging and deterministic rendering. This led me to a challenge: could I build a UI framework using WebComponents that completely eliminates the need for transpilation?
I have written a breakdown of the concept, the architecture, and where I want to take it. I highly invite you to take a look, check out the code, and explore the live demo.
* How it works: https://positive-intentions.com/docs/projects/dim/dim-jsx-webcomponents
* Checkout the code: https://github.com/positive-intentions/dim
* Storybook demo: https://dim.positive-intentions.comPlease note, while the project is open-source, this is a personal exploration rather than an attempt to launch "yet another framework." It is not production-ready and is built for my own upcoming project migrations, but I am sharing it in hopes that the methodology is educational or interesting to the community.
I would love to hear your thoughts on this approach. Feel free to reach out if you have any questions or want to discuss the implementation details.
#WebDev #WebDevelopment #Frontend #FrontendDev #JavaScript #JS #TypeScript #TS #HTML #HTML5 #CSS #SoftwareEngineering #SoftwareEngineer #Coding #Programming #WebDesign #OpenSourceProject #IndieDev #SideProject #Tech #Technology #DevCommunity #Fediverse #FediverseDevs #WebStandards #CustomElements #ShadowDOM #VanillaJS #NoTranspiler #NoBuild #BuildStep #EsModules #ComponentDriven #UIUX #DesignSystems #TechExperiment #LearningInPublic #Developer #ComputerScience #OSS #Github #React #WebComponents #Lit #Vue #ReactJS #JSX #Storybook #TechArticle #TechBlog #TechWriting #WebDevArticles
-
React-like syntax with WebComponents.
After spending some time with Lit, I really appreciated its lightweight footprint but wasn't a fan of the class-based components. While Vue offers a great approach, I still prefer the intuitive nature of React's syntax for debugging and deterministic rendering. This led me to a challenge: could I build a UI framework using WebComponents that completely eliminates the need for transpilation?
I have written a breakdown of the concept, the architecture, and where I want to take it. I highly invite you to take a look, check out the code, and explore the live demo.
* How it works: https://positive-intentions.com/docs/projects/dim/dim-jsx-webcomponents
* Checkout the code: https://github.com/positive-intentions/dim
* Storybook demo: https://dim.positive-intentions.comPlease note, while the project is open-source, this is a personal exploration rather than an attempt to launch "yet another framework." It is not production-ready and is built for my own upcoming project migrations, but I am sharing it in hopes that the methodology is educational or interesting to the community.
I would love to hear your thoughts on this approach. Feel free to reach out if you have any questions or want to discuss the implementation details.
#WebDev #WebDevelopment #Frontend #FrontendDev #JavaScript #JS #TypeScript #TS #HTML #HTML5 #CSS #SoftwareEngineering #SoftwareEngineer #Coding #Programming #WebDesign #OpenSourceProject #IndieDev #SideProject #Tech #Technology #DevCommunity #Fediverse #FediverseDevs #WebStandards #CustomElements #ShadowDOM #VanillaJS #NoTranspiler #NoBuild #BuildStep #EsModules #ComponentDriven #UIUX #DesignSystems #TechExperiment #LearningInPublic #Developer #ComputerScience #OSS #Github #React #WebComponents #Lit #Vue #ReactJS #JSX #Storybook #TechArticle #TechBlog #TechWriting #WebDevArticles
-
React-like syntax with WebComponents.
After spending some time with Lit, I really appreciated its lightweight footprint but wasn't a fan of the class-based components. While Vue offers a great approach, I still prefer the intuitive nature of React's syntax for debugging and deterministic rendering. This led me to a challenge: could I build a UI framework using WebComponents that completely eliminates the need for transpilation?
I have written a breakdown of the concept, the architecture, and where I want to take it. I highly invite you to take a look, check out the code, and explore the live demo.
* How it works: https://positive-intentions.com/docs/projects/dim/dim-jsx-webcomponents
* Checkout the code: https://github.com/positive-intentions/dim
* Storybook demo: https://dim.positive-intentions.comPlease note, while the project is open-source, this is a personal exploration rather than an attempt to launch "yet another framework." It is not production-ready and is built for my own upcoming project migrations, but I am sharing it in hopes that the methodology is educational or interesting to the community.
I would love to hear your thoughts on this approach. Feel free to reach out if you have any questions or want to discuss the implementation details.
#WebDev #WebDevelopment #Frontend #FrontendDev #JavaScript #JS #TypeScript #TS #HTML #HTML5 #CSS #SoftwareEngineering #SoftwareEngineer #Coding #Programming #WebDesign #OpenSourceProject #IndieDev #SideProject #Tech #Technology #DevCommunity #Fediverse #FediverseDevs #WebStandards #CustomElements #ShadowDOM #VanillaJS #NoTranspiler #NoBuild #BuildStep #EsModules #ComponentDriven #UIUX #DesignSystems #TechExperiment #LearningInPublic #Developer #ComputerScience #OSS #Github #React #WebComponents #Lit #Vue #ReactJS #JSX #Storybook #TechArticle #TechBlog #TechWriting #WebDevArticles
-
Kevin Wagner asks: Is AI causing a repeat of Frontend’s Lost Decade? https://kpwags.com/posts/2026/is-ai-causing-a-repeat-of-frontends-lost-decade/
React was the worst thing to ever happen to web development. Until, AI came along. Both are anti-labor, de-skilling, fascist artifacts. #FuckAI #WebDev #FrontendDev -
Kevin Wagner asks: Is AI causing a repeat of Frontend’s Lost Decade? https://kpwags.com/posts/2026/is-ai-causing-a-repeat-of-frontends-lost-decade/
React was the worst thing to ever happen to web development. Until, AI came along. Both are anti-labor, de-skilling, fascist artifacts. #FuckAI #WebDev #FrontendDev -
Kevin Wagner asks: Is AI causing a repeat of Frontend’s Lost Decade? https://kpwags.com/posts/2026/is-ai-causing-a-repeat-of-frontends-lost-decade/
React was the worst thing to ever happen to web development. Until, AI came along. Both are anti-labor, de-skilling, fascist artifacts. #FuckAI #WebDev #FrontendDev -
Testing in Safari can be an expensive ordeal thanks to Apple only supporting the browser on their platforms. Over on Frontend Masters, I wrote about testing in Safari without spending a small fortune.
https://frontendmasters.com/blog/testing-safari-on-a-budget/
-
Testing in Safari can be an expensive ordeal thanks to Apple only supporting the browser on their platforms. Over on Frontend Masters, I wrote about testing in Safari without spending a small fortune.
https://frontendmasters.com/blog/testing-safari-on-a-budget/
-
Testing in Safari can be an expensive ordeal thanks to Apple only supporting the browser on their platforms. Over on Frontend Masters, I wrote about testing in Safari without spending a small fortune.
https://frontendmasters.com/blog/testing-safari-on-a-budget/
-
Are you tired of fighting with restrictive website templates that look exactly like everyone else's? 🥱 Your business is unique, and your digital presence should be too. Rusd Ltd crafts bespoke, custom website designs tailored perfectly to your target audience and brand identity. Stand out from the crowd. Contact us today to get started! 💎
#CustomWebDesign #Webflow #WordPress #UIUXDesign #FrontendDev #BrandIdentity #CreativeDirection #WebAgency #EntrepreneurLife #RusdLtd
-
When I build websites, the first tool I reach for is Web Origami, made by @JanMiksovsky. It is a brilliant way to manage data and content, transforming it as necessary. Vale.Rocks and most of my other sites are completely built upon it.
Here are some more thoughts: https://vale.rocks/posts/web-origami
-
When I build websites, the first tool I reach for is Web Origami, made by @JanMiksovsky. It is a brilliant way to manage data and content, transforming it as necessary. Vale.Rocks and most of my other sites are completely built upon it.
Here are some more thoughts: https://vale.rocks/posts/web-origami
-
When I build websites, the first tool I reach for is Web Origami, made by @JanMiksovsky. It is a brilliant way to manage data and content, transforming it as necessary. Vale.Rocks and most of my other sites are completely built upon it.
Here are some more thoughts: https://vale.rocks/posts/web-origami
-
Web Weekly is always a highlight of my Monday. Stefan absolutely kills it! Go check it out!
#WebDev #FrontEndDev
RE: https://front-end.social/@stefan/116397781027783395 -
Web Weekly is always a highlight of my Monday. Stefan absolutely kills it! Go check it out!
#WebDev #FrontEndDev
RE: https://front-end.social/@stefan/116397781027783395 -
Web Weekly is always a highlight of my Monday. Stefan absolutely kills it! Go check it out!
#WebDev #FrontEndDev
RE: https://front-end.social/@stefan/116397781027783395 -
New blog post is live 🚀
This one is about designing a modern CRM Admin Dashboard with Tailwind CSS with a focus on clean UI, scalable layout, and practical dashboard structure.
If you're working on admin panels or SaaS tools, this might be helpful.
Read it here:
https://tailwind-admin.com/blogs/crm-admin-dashboard -
Job I've been interviewing for did not work out, but it reminded me to post that I'm looking for my next opportunity! I work on the front of the front end, especially with semantic HTML and increasingly modern CSS, and I'm a huge advocate for accessibility. A good design system makes me swoon. Currently director level for a web team but would love to get back to my coding roots. My React is rusty but I can pick that back up, no problem. Let's do this! 👨🏼💻
#GetFediHired #FediHired #WebDev #FrontEndDev -
Job I've been interviewing for did not work out, but it reminded me to post that I'm looking for my next opportunity! I work on the front of the front end, especially with semantic HTML and increasingly modern CSS, and I'm a huge advocate for accessibility. A good design system makes me swoon. Currently director level for a web team but would love to get back to my coding roots. My React is rusty but I can pick that back up, no problem. Let's do this! 👨🏼💻
#GetFediHired #FediHired #WebDev #FrontEndDev -
Job I've been interviewing for did not work out, but it reminded me to post that I'm looking for my next opportunity! I work on the front of the front end, especially with semantic HTML and increasingly modern CSS, and I'm a huge advocate for accessibility. A good design system makes me swoon. Currently director level for a web team but would love to get back to my coding roots. My React is rusty but I can pick that back up, no problem. Let's do this! 👨🏼💻
#GetFediHired #FediHired #WebDev #FrontEndDev -
-
Vibecoded a simple Chandran Vela Pulsar using Angular + Three.js — featuring helix-pattern jets, a glowing core, and dual torus rings. Next step: refining the particle flow and adding reactive lighting for more depth. 🚀✨
#ThreeJS #Angular #WebGL #SpaceTech #FrontendDev #VibeCoding
-
Vibecoded a simple Chandran Vela Pulsar using Angular + Three.js — featuring helix-pattern jets, a glowing core, and dual torus rings. Next step: refining the particle flow and adding reactive lighting for more depth. 🚀✨
#ThreeJS #Angular #WebGL #SpaceTech #FrontendDev #VibeCoding
-
Vibecoded a simple Chandran Vela Pulsar using Angular + Three.js — featuring helix-pattern jets, a glowing core, and dual torus rings. Next step: refining the particle flow and adding reactive lighting for more depth. 🚀✨
#ThreeJS #Angular #WebGL #SpaceTech #FrontendDev #VibeCoding
-
So much new CSS stuff has hit the web in the past few years, and the CSS reset I was using has aged, so it was time for a refresh.
This new reset isn’t too extensively battle-tested just yet, but it has proven a success where I have used it.
-
So much new CSS stuff has hit the web in the past few years, and the CSS reset I was using has aged, so it was time for a refresh.
This new reset isn’t too extensively battle-tested just yet, but it has proven a success where I have used it.
-
So much new CSS stuff has hit the web in the past few years, and the CSS reset I was using has aged, so it was time for a refresh.
This new reset isn’t too extensively battle-tested just yet, but it has proven a success where I have used it.
-
Tailwind just cut 75% of its staff as revenue plummets nearly 80%. The layoff hits its AI‑generated content docs, UI component library, and the core engineering team behind the SaaS CSS framework that powers countless front‑end projects. What does this mean for open‑source front‑end tooling? Read the full story. #Tailwind #AIgeneratedContent #SaaS #FrontendDev
🔗 https://aidailypost.com/news/tailwind-slashes-75-workforce-revenue-drops-nearly-80
-
Haven’t got an Apple device but need to test your site in Safari? Go into the Apple Store and test on their demo computers.
They probably won’t kick you out. It usually takes them a while to catch on.
-
Haven’t got an Apple device but need to test your site in Safari? Go into the Apple Store and test on their demo computers.
They probably won’t kick you out. It usually takes them a while to catch on.
-
Haven’t got an Apple device but need to test your site in Safari? Go into the Apple Store and test on their demo computers.
They probably won’t kick you out. It usually takes them a while to catch on.
-
💡 Ready to start your blog?
Explore our latest post featuring the best Next.js blog templates for 2026 built for speed, style, and SEO!
🧩 Read more: https://getnextjstemplates.com/blogs/best-nextjs-blog-templates
#Nextjs #OpenSource #FrontendDev #TailwindCSS #bestblogtemplates #nextjsblogtemplates
-
I sure do love me some front-end development.
-
I sure do love me some front-end development.
-
I sure do love me some front-end development.
-
I frequently hear people say they don’t need to support older browsers because ‘everything auto-updates now’.
Here are some reasons that people might not have an up-to-date browser:
-
I frequently hear people say they don’t need to support older browsers because ‘everything auto-updates now’.
Here are some reasons that people might not have an up-to-date browser:
-
I frequently hear people say they don’t need to support older browsers because ‘everything auto-updates now’.
Here are some reasons that people might not have an up-to-date browser:
-
Currently looking into BEM (#CSS). What is your CSS methodology of choice?
#WebDev #WebDevelopment #FrontEndDesign #CSS #WebDesign #BEM #SMACSS #FrontEndDev #FrontEndDevelopment #WebsiteDevelopment
-
Currently looking into BEM (#CSS). What is your CSS methodology of choice?
#WebDev #WebDevelopment #FrontEndDesign #CSS #WebDesign #BEM #SMACSS #FrontEndDev #FrontEndDevelopment #WebsiteDevelopment
-
Currently looking into BEM (#CSS). What is your CSS methodology of choice?
#WebDev #WebDevelopment #FrontEndDesign #CSS #WebDesign #BEM #SMACSS #FrontEndDev #FrontEndDevelopment #WebsiteDevelopment
-
Farben sind weit mehr als dekorativ, sie sind strategisch, barrierefrei und entscheidend für die User Experience.
Emre Neumann, Frontend Developer bei OpenTalk, erklärt in unserem aktuellen „5 Fragen zu“-Interview, wie Farben Navigation, Vertrauen und Effizienz in digitalen Anwendungen beeinflussen.
https://opentalk.eu/de/news/5-fragen-zu-farbgestaltung-der-frontend-entwicklung
-
Farben sind weit mehr als dekorativ, sie sind strategisch, barrierefrei und entscheidend für die User Experience.
Emre Neumann, Frontend Developer bei OpenTalk, erklärt in unserem aktuellen „5 Fragen zu“-Interview, wie Farben Navigation, Vertrauen und Effizienz in digitalen Anwendungen beeinflussen.
https://opentalk.eu/de/news/5-fragen-zu-farbgestaltung-der-frontend-entwicklung
-
Farben sind weit mehr als dekorativ, sie sind strategisch, barrierefrei und entscheidend für die User Experience.
Emre Neumann, Frontend Developer bei OpenTalk, erklärt in unserem aktuellen „5 Fragen zu“-Interview, wie Farben Navigation, Vertrauen und Effizienz in digitalen Anwendungen beeinflussen.
https://opentalk.eu/de/news/5-fragen-zu-farbgestaltung-der-frontend-entwicklung
-
Fridays are for button updates, too. They seem simple, but get them wrong and you'll lock out millions of users. We found 12 accessibility failures in our current button component, including two that violate WCAG Level A standards. (1/6)
#Accessibility #A11y #DesignSystems #InclusiveDesign #WCAG #UXDesign #UIDesign #WebAccessibility #AccessibilityMatters #FrontendDev #OpenSource #Podman #WebStandards #DesignEngineering
-
Fridays are for button updates, too. They seem simple, but get them wrong and you'll lock out millions of users. We found 12 accessibility failures in our current button component, including two that violate WCAG Level A standards. (1/6)
#Accessibility #A11y #DesignSystems #InclusiveDesign #WCAG #UXDesign #UIDesign #WebAccessibility #AccessibilityMatters #FrontendDev #OpenSource #Podman #WebStandards #DesignEngineering
-
Fridays are for button updates, too. They seem simple, but get them wrong and you'll lock out millions of users. We found 12 accessibility failures in our current button component, including two that violate WCAG Level A standards. (1/6)
#Accessibility #A11y #DesignSystems #InclusiveDesign #WCAG #UXDesign #UIDesign #WebAccessibility #AccessibilityMatters #FrontendDev #OpenSource #Podman #WebStandards #DesignEngineering
-
How Functional Programming Shaped (and Twisted) Frontend Development. #JS #frontendDev
Posted into CODING FOR DEMOCRACY @coding-for-democracy-mobileatom
-
How Functional Programming Shaped (and Twisted) Frontend Development. #JS #frontendDev
Posted into CODING FOR DEMOCRACY @coding-for-democracy-mobileatom
-
Ah, yes, functional programming: the magic spell that transformed front-end dev into a maze of anonymous functions and indecipherable class names. 😂✨ Now, we reminisce about the good ol' days when web dev was understandable by mere mortals and the cascade wasn't an endangered species. 🦖💻
https://alfy.blog/2025/10/04/how-functional-programming-shaped-modern-frontend.html #functionalprogramming #frontenddev #webdev #nostalgia #codinghumor #developerlife #HackerNews #ngated -
Ah, yes, functional programming: the magic spell that transformed front-end dev into a maze of anonymous functions and indecipherable class names. 😂✨ Now, we reminisce about the good ol' days when web dev was understandable by mere mortals and the cascade wasn't an endangered species. 🦖💻
https://alfy.blog/2025/10/04/how-functional-programming-shaped-modern-frontend.html #functionalprogramming #frontenddev #webdev #nostalgia #codinghumor #developerlife #HackerNews #ngated -
Throughout the month of October, I’ll be highlighting and promoting some of the fantastic folks in the front-end development/design space that I know of.
These posts will be tri-weekly: Mondays, Thursdays, and Saturdays.
I’ve got 275 people following me here for some reason, so I’ll figure I’ll try use this platform to build others up, especially in these difficult times.
The idea was spurred by a thread on Bluesky the other day where all sorts of people were talking about how icky self-promotion feels.
https://bsky.app/profile/nicmakesstuff.bsky.social/post/3lzg53dqu6s2h
If you don’t want to see these posts in your feed, you can mute the hashtag #ValePromotes which should prevent the posts from appearing in your feeds.
First post goes out tomorrow. Looking forward to it!
-
Throughout the month of October, I’ll be highlighting and promoting some of the fantastic folks in the front-end development/design space that I know of.
These posts will be tri-weekly: Mondays, Thursdays, and Saturdays.
I’ve got 275 people following me here for some reason, so I’ll figure I’ll try use this platform to build others up, especially in these difficult times.
The idea was spurred by a thread on Bluesky the other day where all sorts of people were talking about how icky self-promotion feels.
https://bsky.app/profile/nicmakesstuff.bsky.social/post/3lzg53dqu6s2h
If you don’t want to see these posts in your feed, you can mute the hashtag #ValePromotes which should prevent the posts from appearing in your feeds.
First post goes out tomorrow. Looking forward to it!
-
Throughout the month of October, I’ll be highlighting and promoting some of the fantastic folks in the front-end development/design space that I know of.
These posts will be tri-weekly: Mondays, Thursdays, and Saturdays.
I’ve got 275 people following me here for some reason, so I’ll figure I’ll try use this platform to build others up, especially in these difficult times.
The idea was spurred by a thread on Bluesky the other day where all sorts of people were talking about how icky self-promotion feels.
https://bsky.app/profile/nicmakesstuff.bsky.social/post/3lzg53dqu6s2h
If you don’t want to see these posts in your feed, you can mute the hashtag #ValePromotes which should prevent the posts from appearing in your feeds.
First post goes out tomorrow. Looking forward to it!
-
What if light-dark() in CSS wasn’t just for colors?
Imagine swapping borders, fonts, or even layouts—automatically, by theme.
I broke down how modern CSS (with @function, if(), and style queries) makes it possible.
Theming just got way more powerful. ⚡
https://dropletdrift.com/beyond-colors-building-a-custom-light-dark-function-in-css/
#css #darkmode #frontend #webdev #developer #html #coding #javascript #design #ui #ux #programming #learncode #100devs #devlife #frontenddev #webdesign #internet #software #opensource #webdesign
-
What if light-dark() in CSS wasn’t just for colors?
Imagine swapping borders, fonts, or even layouts—automatically, by theme.
I broke down how modern CSS (with @function, if(), and style queries) makes it possible.
Theming just got way more powerful. ⚡
https://dropletdrift.com/beyond-colors-building-a-custom-light-dark-function-in-css/
#css #darkmode #frontend #webdev #developer #html #coding #javascript #design #ui #ux #programming #learncode #100devs #devlife #frontenddev #webdesign #internet #software #opensource #webdesign
-
What if light-dark() in CSS wasn’t just for colors?
Imagine swapping borders, fonts, or even layouts—automatically, by theme.
I broke down how modern CSS (with @function, if(), and style queries) makes it possible.
Theming just got way more powerful. ⚡
https://dropletdrift.com/beyond-colors-building-a-custom-light-dark-function-in-css/
#css #darkmode #frontend #webdev #developer #html #coding #javascript #design #ui #ux #programming #learncode #100devs #devlife #frontenddev #webdesign #internet #software #opensource #webdesign