#webDev

Reilly Spitzfaden (they/them)I hadn't heard of it before, but it turns out there's a style format called XSLT that allows the browser to translate an XML file into HTML with CSS styling for display purposes. Since my feed is Atom rather than RSS, I had a bit of trouble, but this post was helpful:<a href="https://andrewstiefel.com/style-atom-xsl/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://andrewstiefel.com/style-atom-xsl/</a><a href="https://hachyderm.io/tags/RSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RSS</a> <a href="https://hachyderm.io/tags/Atom" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Atom</a> <a href="https://hachyderm.io/tags/XML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XML</a> <a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://hachyderm.io/tags/XSL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XSL</a> <a href="https://hachyderm.io/tags/XSLT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XSLT</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a>

Reilly Spitzfaden (they/them)I figured out how to get my RSS feed to be human-readable and nice-looking! I'd been wanting to do this to give people who aren't familiar with RSS an easier on-ramp to the stuff I care about. I figure if someone new to RSS clicks on the link and just gets raw XML, they might think something is “broken” and not stick around, but now there's something human-readable and with instructions on how to follow it in a reader.<a href="https://reillyspitzfaden.com/feed.xml" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/feed.xml</a><a href="https://hachyderm.io/tags/RSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RSS</a> <a href="https://hachyderm.io/tags/Atom" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Atom</a> <a href="https://hachyderm.io/tags/XML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XML</a> <a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://hachyderm.io/tags/XSL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XSL</a> <a href="https://hachyderm.io/tags/XSLT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#XSLT</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a>

Matthias AndraschDaily Standup with or without camera in remote / hybrid teams? As a poster describes it here, I also feel its a big challenge for new team members to have daily contact without camera 🤔 Any thoughts on this? <a href="https://social.tchncs.de/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://social.tchncs.de/tags/remotework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#remotework</a><a href="https://www.reddit.com/r/scrum/s/Zwp8a0OtU4" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.reddit.com/r/scrum/s/Zwp8a0OtU4</a>

Ruby WeeklyProfiling Rails Applications with Rails Debugbar<a href="https://www.writesoftwarewell.com/profiling-ruby-on-rails-applications-with-rails-debugbar/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.writesoftwarewell.com/profiling-ruby-on-rails-applications-with-rails-debugbar/</a>Discussions: <a href="https://discu.eu/q/https://www.writesoftwarewell.com/profiling-ruby-on-rails-applications-with-rails-debugbar/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://www.writesoftwarewell.com/profiling-ruby-on-rails-applications-with-rails-debugbar/</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>

randomMDN🦖 ServiceWorkerRegistration: getNotifications() method 🦖<a href="https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration/getNotifications" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration/getNotifications</a>The getNotifications() method of the ServiceWorkerRegistration interface returns a list of the notifications in the order that they were created from the current origin via the current service worker registration. Origins can have many active but differently-scoped service worker registrations. Notifications created by one service wor…<a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

mem but wafrn 🐕For bsky users <a class="hashtag" href="https://app.wafrn.net/dashboard/search/webdev" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

mem but wafrn 🐕Web devs, need your help as a hobbyist learning things I have a gallery of my art and I want to have popups with descriptions of each to be triggered when you click on the image. What I understand that's what the modal is. Problem I have: all the tutorials are about modals showing same content, when I try to find the opposite it's featuring bootstrap. Is it necessary or I can just get away with vanilla JS? If so, can you please share resources? I also heard about "dialog" tag and heard that it's supposedly easier than classic modals, but I lack tutorials about it too (When replying please be patient, I barely have any JS knowledge) <a class="hashtag" href="https://app.wafrn.net/dashboard/search/webdev" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

stefan bMy newest Patreon post is live - "Why bother?"In which I try and convince you to prioritise working on your own website / wider internet presence over your big tech social media profilesGet this post and all past and future ones for £20 per month!<a href="https://www.patreon.com/posts/why-bother-your-125849497" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.patreon.com/posts/why-bother-your-125849497</a><a href="https://social.lol/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://social.lol/tags/selfhosted" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#selfhosted</a>

Chris Ferdinandi ⚓️⚓️ New Article: A pragmatic browser support strategy <a href="https://ift.tt/FVcQJ5p" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ift.tt/FVcQJ5p</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/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEndDeveloper</a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#100DaysOfCode</a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodeNewbie</a>

Peter KrönerSo I can detect the default light/dark preferences using a media query and implement explict user choice by setting some sort of class on :root. I can write a selector to apply styles depending on the latter condition, and I can write a media query rule to handle the former. Is there any _one_ thing I can wrap my CSS with to handle both cases? Apply dark mode if a certain class is set, and otherwise defer to prefers-color-scheme? Precisely not as shown in the attached code?<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Senna 🌷Web devs: as an aspiring web dev who is studying independently and building a portfolio, do you think it would be useful for me in terms of getting a job to get a certificate in web dev/design from a university? I have a bachelor's degree in a mostly unrelated field and I'm not going to pursue a CS degree right now.To clarify a couple points, my independent studies and projects are going great. I've built and deployed several web apps with mysql+node+express+vanillaJS type stacks (as docker containers), and I'm currently learning react and typescript. I don't feel that getting a cert from a university would be a large boon to my education, the only reason I'm considering it is because it might help my resume stand out.So, my question is, do you think a certificate from a well-known university would help my resume stand out while applying for web dev jobs?Thank you for your input, this is an important decision for me to make.<a href="https://mindly.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mindly.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mindly.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a>

WebGlossary.infoWeb development term of the day:→ 423<a href="https://webglossary.info/terms/423/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://webglossary.info/terms/423/</a><a href="https://techhub.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://techhub.social/tags/webdevglossary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdevglossary</a>

beeps :ash_tail:🗃️ GOV.UK browser data updated for March 2025. <a href="https://beeps.website/govuk-browser-data/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://beeps.website/govuk-browser-data/</a><a href="https://social.beeps.gay/tags/Browsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browsers</a> <a href="https://social.beeps.gay/tags/BrowserStats" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BrowserStats</a> <a href="https://social.beeps.gay/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

It's a me, MauroAlso I really like these "semantic" color schemes. I started by using one called "Poimandres": <a href="https://github.com/olivercederborg/poimandres.nvim" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/olivercederborg/poimandres.nvim</a>I found it aesthetically pleasing at first, more minimalist, but then with use I realised it was also so much less distractive.It's great to have treesitter and all the bells and whistles but code that looks like rainbows makes it harder to focus.Now zenbones is my new way to go: <a href="https://github.com/zenbones-theme/zenbones.nvim" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/zenbones-theme/zenbones.nvim</a>And it's really well designed.<a href="https://mograph.social/tags/neovim" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#neovim</a> <a href="https://mograph.social/tags/linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#linux</a> <a href="https://mograph.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mograph.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a>

randomMDN🦖 hyphenate-limit-chars 🟧 Limited availability<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/hyphenate-limit-chars" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/hyphenate-limit-chars</a>The hyphenate-limit-chars CSS property specifies the minimum word length to allow hyphenation of words as well as the minimum number of characters before and after the hyphen.<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/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

It's a me, MauroAfter experiencing an episode of aura and consequent migraine, the other day I decide to give a shot at light themes.I think I spend so much time staring at various screens that having this kind of issues is almost inevitable, so I need to mitigate it.First I switched my phone to light mode, and I could already feel the improvement.Then the code editor (<a href="https://mograph.social/tags/neovim" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#neovim</a>) UI. I settled on a theme called "zenbones" in its light variant.It's great! I feel my eyes are doing better already.<a href="https://mograph.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Schalk NeethlingJust because you can does not mean you should - (learned about this from <a href="https://front-end.social/@mia" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mia</a> during the <a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@smashingmag</a> meets on Monday) - <a href="https://codepen.io/schalkneethling/pen/emYxEqx" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/schalkneethling/pen/emYxEqx</a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/notabestpractice" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#notabestpractice</a>

Python Weekly 🐍SaaS App created with Django<a href="https://sweepzyapp.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://sweepzyapp.com/</a>Discussions: <a href="https://discu.eu/q/https://sweepzyapp.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://sweepzyapp.com/</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/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Ruby WeeklyReminder: Here is an example of what NOT to do when marketing your open-source project.<a href="https://x.com/AndyObtiva/status/1907409885353898175" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://x.com/AndyObtiva/status/1907409885353898175</a>Discussions: <a href="https://discu.eu/q/https://x.com/AndyObtiva/status/1907409885353898175" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://x.com/AndyObtiva/status/1907409885353898175</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 🐍MOT viewer, early release for kicking it!<a href="https://cargeezer.co.uk/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cargeezer.co.uk/</a>Discussions: <a href="https://discu.eu/q/https://cargeezer.co.uk/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://cargeezer.co.uk/</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/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Recent searches

Search options

Administered by:

Server stats: