norden.social

RecurringBloatware<a href="https://bigshoulders.city/@EvanHahn" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@EvanHahn</a> can you share tips to aspiring devs struggling to create software? Sorry, I know this is a little generic question, but since the last three years I've graduated jobless and I am lacking the motivation to work towards a soul-draining 9-to-5 IT job.Not having any successful - as of now, I am struggling to create my own blog/portfolio in Next + MDX + Tailwind, especially the design aspect.<a href="https://mastodon.social/tags/advice" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#advice</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextjs</a> <a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designsystem</a> <a href="https://mastodon.social/tags/uiuxdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uiuxdesign</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a>

Webdev WeeklyShow HN: JavaScript PubSub in 163 Bytes<a href="https://github.com/hassanshaikley/pico-pubsub" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/hassanshaikley/pico-pubsub</a>Discussions: <a href="https://discu.eu/q/https://github.com/hassanshaikley/pico-pubsub" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://github.com/hassanshaikley/pico-pubsub</a><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Ruby WeeklyIntroducing RouteSchemer: JSON Schema Validation for Rails APIs 🚀 Feedback Wanted!<a href="https://www.github.com/sarvesh4396/route_schemer" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.github.com/sarvesh4396/route_schemer</a>Discussions: <a href="https://discu.eu/q/https://www.github.com/sarvesh4396/route_schemer" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://www.github.com/sarvesh4396/route_schemer</a><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/rails" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#rails</a> <a href="https://mastodon.social/tags/ruby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ruby</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Python Weekly 🐍Django 5.2 released<a href="https://www.djangoproject.com/weblog/2025/apr/02/django-52-released/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.djangoproject.com/weblog/2025/apr/02/django-52-released/</a>Discussions: <a href="https://discu.eu/q/https://www.djangoproject.com/weblog/2025/apr/02/django-52-released/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://www.djangoproject.com/weblog/2025/apr/02/django-52-released/</a><a href="https://mastodon.social/tags/django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#django</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#python</a> <a href="https://mastodon.social/tags/release" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#release</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

PHP WeeklyPowerful timeseries metrics using TimescaleDB and Laravel<a href="https://youtu.be/YFujIFWrkZQ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://youtu.be/YFujIFWrkZQ</a>Discussions: <a href="https://discu.eu/q/https://youtu.be/YFujIFWrkZQ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://youtu.be/YFujIFWrkZQ</a><a href="https://mastodon.social/tags/laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#laravel</a> <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

randomMDN🦖 ToggleEvent: ToggleEvent() constructor ☑️ Newly available (from Jan 2025)<a href="https://developer.mozilla.org/en-US/docs/Web/API/ToggleEvent/ToggleEvent" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/API/ToggleEvent/ToggleEvent</a>The ToggleEvent() constructor creates a new ToggleEvent object.<a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Stu RobsonICYMI 🎉 new article alert 🎉🎨 Today we look at creating multiple themes for one brand (like a personal website)📰 Creating Multiple Themes with Style Dictionary🌐 <a href="https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-10" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-10</a><a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEnd</a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignTokens</a> <a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystems</a>

Webdev WeeklyRIP Styled-Components. Now What?<a href="https://fadamakis.com/rip-styled-components-now-what-a8717df86e86" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fadamakis.com/rip-styled-components-now-what-a8717df86e86</a>Discussions: <a href="https://discu.eu/q/https://fadamakis.com/rip-styled-components-now-what-a8717df86e86" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://fadamakis.com/rip-styled-components-now-what-a8717df86e86</a><a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/reactjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#reactjs</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Ruby WeeklyEvan Phoenix: The Why of the One Line<a href="https://maintainable.fm/episodes/evan-phoenix-the-why-of-the-one-line" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://maintainable.fm/episodes/evan-phoenix-the-why-of-the-one-line</a>Discussions: <a href="https://discu.eu/q/https://maintainable.fm/episodes/evan-phoenix-the-why-of-the-one-line" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://maintainable.fm/episodes/evan-phoenix-the-why-of-the-one-line</a><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/rails" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#rails</a> <a href="https://mastodon.social/tags/ruby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ruby</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

David BissetSome free "thick" cursive fonts:<a href="https://cssauthor.com/best-free-thick-cursive-fonts" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cssauthor.com/best-free-thick-cursive-fonts</a><a href="https://phpc.social/tags/fonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fonts</a> <a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

HortusFoxHappy 1,000 commit milestone!<a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> <a href="https://mastodon.social/tags/selfhosted" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#selfhosted</a> <a href="https://mastodon.social/tags/selfhosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#selfhosting</a> <a href="https://mastodon.social/tags/foss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#foss</a> <a href="https://mastodon.social/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://mastodon.social/tags/plants" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#plants</a> <a href="https://mastodon.social/tags/gardening" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gardening</a> <a href="https://mastodon.social/tags/horticulture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#horticulture</a> <a href="https://mastodon.social/tags/botany" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#botany</a> <a href="https://mastodon.social/tags/plantparents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#plantparents</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Approaches</a> Automated visual regression testing · How to use Playwright’s visual comparison feature <a href="https://ilo.im/1631eh" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1631eh</a>_____ <a href="https://mastodon.social/tags/Automation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Automation</a> <a href="https://mastodon.social/tags/Testing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Testing</a> <a href="https://mastodon.social/tags/VisualRegression" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VisualRegression</a> <a href="https://mastodon.social/tags/Playwright" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Playwright</a> <a href="https://mastodon.social/tags/Screenshots" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Screenshots</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

randomMDN🦖 <feDropShadow> ✅ Widely available (from Jul 2015)<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feDropShadow" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feDropShadow</a>The <feDropShadow> SVG filter primitive creates a drop shadow of the input image. It can only be used inside a <filter> element.<a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://front-end.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a>

Stu Robson🎉 new article alert 🎉🎨 Today we're looking at creating multiple themes for one brand (like a personal website)📰 Creating Multiple Themes with Style Dictionary🌐 <a href="https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-10" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-10</a><a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignTokens</a> <a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystems</a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEnd</a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

Marijke Luttekes"Warning: Whether form-action should block redirects after a form submission is debated and browser implementations of this aspect are inconsistent (e.g. Firefox 57 doesn't block the redirects whereas Chrome 63 does)."Via <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Content-Security-Policy/form-action" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Content-Security-Policy/form-action</a><a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Pitfalls" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pitfalls</a> Dangers of the ‘Vibe Coding’ movement · “Vibe coding is catastrophic for any serious software.” <a href="https://ilo.im/16312c" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/16312c</a>_____ <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mastodon.social/tags/VibeCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VibeCoding</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AI</a> <a href="https://mastodon.social/tags/GenerativeAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeAI</a> <a href="https://mastodon.social/tags/TechnicalDebt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TechnicalDebt</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Backend</a> <a href="https://mastodon.social/tags/Trends" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Trends</a>

David Bisset"In your code have you ever named a variable badly AND wrote a bad comment?"🤔<a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://phpc.social/tags/memes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#memes</a>

Webdev WeeklyThe <select> element can now be customized with CSS<a href="https://developer.chrome.com/blog/a-customizable-select" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.chrome.com/blog/a-customizable-select</a>Discussions: <a href="https://discu.eu/q/https://developer.chrome.com/blog/a-customizable-select" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://developer.chrome.com/blog/a-customizable-select</a><a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Ruby WeeklyKamal article<a href="https://alec-c4.com/posts/2025-04-02-kamal" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://alec-c4.com/posts/2025-04-02-kamal</a>Discussions: <a href="https://discu.eu/q/https://alec-c4.com/posts/2025-04-02-kamal" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://alec-c4.com/posts/2025-04-02-kamal</a><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/rails" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#rails</a> <a href="https://mastodon.social/tags/ruby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ruby</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

PHP Weekly20 Laravel Features I Never Knew About (Until I Read ALL the Docs!)<a href="https://youtu.be/kefX13MaJiQ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://youtu.be/kefX13MaJiQ</a>Discussions: <a href="https://discu.eu/q/https://youtu.be/kefX13MaJiQ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://youtu.be/kefX13MaJiQ</a><a href="https://mastodon.social/tags/laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#laravel</a> <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Recent searches

Search options

Administered by:

Server stats:

#webdev