DMV.Community

Marius GundersenMaybe I'm misunderstanding <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> nesting, but this does not behave the way I expect it to. What <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> do you expect the following to apply to? .red div { color: red; .blue & { color: blue; } }See this for example <a href="https://codepen.io/mariusgundersen/pen/WbNBzrJ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/mariusgundersen/pen/WbNBzrJ</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>

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/Guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guidelines</a> Mainlining mains · “Use only one (non-hidden) ‘main’ landmark per HTML page.” <a href="https://ilo.im/1635cl" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1635cl</a>_____ <a href="https://mastodon.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SemanticHTML</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/Specification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Specification</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/ScreenReader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ScreenReader</a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ARIA</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>

mariusIt's nice when you finish a bit of work that goes well and requires no yak shaving in order to get done.For the past week I've been struggling again with the <a href="https://metalhead.club/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> bits of <a href="https://metalhead.club/tags/ONI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ONI</a>, the single user <a href="https://metalhead.club/tags/ActivityPub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ActivityPub</a> server, when I decided to take a little break and work on something else.So today I've add support for the traversal resistant file API for the FS storage part of <a href="https://metalhead.club/tags/GoActivityPub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GoActivityPub</a>. I'm still waiting for the symlink support to be added in the next major <a href="https://metalhead.club/tags/Go" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Go</a> version, but other than that we've increased robustness a little bit despite it being designed mainly for full transparency development work and not being run in production environments.

Thomas CannonI got impatient and hit publish. The Web Is a Living Document<a href="https://thomascannon.me/guides/the-rails-view-layer" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thomascannon.me/guides/the-rails-view-layer</a><a href="https://ruby.social/tags/indiehackers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indiehackers</a> <a href="https://ruby.social/tags/rails" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#rails</a> <a href="https://ruby.social/tags/ruby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ruby</a> <a href="https://ruby.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://ruby.social/@tcannonfodder/114297840188067171" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ruby.social/@tcannonfodder/114297840188067171</a>

Stu Robson✨ new article alert📰 CSS Custom Properties vs. Sass Variables: A Pragmatic Guidewherein I finish off a ~6 year old draft writing down where and when I use either/or/both options in a modern front-end architecture. <a href="https://www.alwaystwisted.com/articles/css-vs-sass" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.alwaystwisted.com/articles/css-vs-sass</a>🙏🖤 <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sass</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/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

robcorneliusspent all day yesterday trying to figure out why my code wasn't working. I had been given the wrong URL for an endpoint. There is no swagger document etc. When I Such is the life of a FED<a href="https://climatejustice.social/tags/FED" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FED</a> <a href="https://climatejustice.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEnd</a> <a href="https://climatejustice.social/tags/FrontendDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontendDeveloper</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/Launches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Launches</a> Browser MCP · Connect AI apps to your browser to automate tests and tasks <a href="https://ilo.im/1637e5" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1637e5</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/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AI</a> <a href="https://mastodon.social/tags/MCP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MCP</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/Chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Chrome</a> <a href="https://mastodon.social/tags/Extension" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Extension</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/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>

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/Anniversaries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Anniversaries</a> Still weird, still wonderful · 20 years ago, Git began to dominate version control <a href="https://ilo.im/1637dz" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1637dz</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/VersionControl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VersionControl</a> <a href="https://mastodon.social/tags/Git" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Git</a> <a href="https://mastodon.social/tags/GitHub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GitHub</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>

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/Launches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Launches</a> UA+ · A different type of CSS reset style sheet <a href="https://ilo.im/16373p" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/16373p</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/CssReset" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssReset</a> <a href="https://mastodon.social/tags/UserAgent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UserAgent</a> <a href="https://mastodon.social/tags/StyleSheet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StyleSheet</a> <a href="https://mastodon.social/tags/BoxModel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BoxModel</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/ScreenReader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ScreenReader</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>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Collections" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Collections</a> Fancy Components · Design elements and micro-interactions for your inspiration <a href="https://ilo.im/1633p5" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1633p5</a>_____ <a href="https://mastodon.social/tags/MicroInteractions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MicroInteractions</a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animations</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TailwindCSS</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</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>

Joe CrawfordWe keep notes on etherpad and move <a href="https://xoxo.zone/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEnd</a> takeaways on the <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> wiki: <a href="https://indieweb.org/Front_End_Study_Hall" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://indieweb.org/Front_End_Study_Hall</a> ... Everybody's carrying web browsers in their pockets! so make a web page

Herr.Juxnerp-Sama<a href="https://mastodon.social/tags/pipe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pipe</a> <a href="https://mastodon.social/tags/newpipe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#newpipe</a> <a href="https://mastodon.social/tags/adblocker" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#adblocker</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/software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#software</a> <a href="https://mastodon.social/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#internet</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/FLOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FLOSS</a> <a href="https://mastodon.social/tags/Libre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Libre</a> Anyone know what's up with the pipes? None of them seem to work right now but I haven't seen much online about it. I think one gave an error message talking about "new youtube rate limits" but idk. Even with adblock using the site is a much worse feel, so how long you think till the holy coders get this fixed?

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/Guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guidelines</a> Baseline, more than a rule of thumb? · “Don’t use Google’s Baseline to decide which web features to use.” <a href="https://ilo.im/1636ud" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1636ud</a>_____ <a href="https://mastodon.social/tags/Baseline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Baseline</a> <a href="https://mastodon.social/tags/Interoperability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interoperability</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/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</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/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</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/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/API" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#API</a>

Ana Tudor 🐯Fun Safari bug 🪲: `drop-shadow()` does't take transforms into account <a href="https://bugs.webkit.org/show_bug.cgi?id=218734" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://bugs.webkit.org/show_bug.cgi?id=218734</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/bug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bug</a> <a href="https://mastodon.social/tags/cssBug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssBug</a> <a href="https://mastodon.social/tags/SafariBug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SafariBug</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/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</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/cssTransform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssTransform</a> <a href="https://mastodon.social/tags/cssFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssFilter</a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#filter</a>

Ana Tudor 🐯Saw a <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> demo using... a lot! of elements (screen 1) and quite a bit of <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> to create a simple loader, so I forked it and made a 1 div version (screen 2) in under 30 CSS declarations (gradients, mask, variables to only change --c0 and --c1 values for 2nd loader): <a href="https://codepen.io/thebabydino/pen/PwoLJLR" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/PwoLJLR</a><a href="https://mastodon.social/tags/cssMask" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssMask</a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssGradient</a> <a href="https://mastodon.social/tags/conicGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#conicGradient</a> <a href="https://mastodon.social/tags/maths" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#maths</a> <a href="https://mastodon.social/tags/trigonometry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#trigonometry</a> <a href="https://mastodon.social/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sass</a> <a href="https://mastodon.social/tags/loader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#loader</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</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/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/cssAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssAnimation</a>

Ana Tudor 🐯Mastodon 🦣 - can you help me out?If you can test on actual Safari (not another browser), does <a href="https://codepen.io/thebabydino/pen/EaxJmwJ?editors=1100" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/EaxJmwJ?editors=1100</a> look the same for you as it does in my Epiphany screen? Or does the `conic-gradient()` cover the entire area?Retoots appreciated if you cannot test. Thanks!PS: Yes, I know it does NOT work in Firefox or Chromium browsers <a href="https://github.com/web-platform-tests/interop/issues/717" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/web-platform-tests/interop/issues/717</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/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#filter</a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgFilter</a> <a href="https://mastodon.social/tags/cssFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssFilter</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</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/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</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/Guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guidelines</a> Tweaking text level styles (reprised) · Guidelines for HTML ‘mark’, ‘del’, ‘ins’, and ‘s’ <a href="https://ilo.im/1636wq" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1636wq</a>_____ <a href="https://mastodon.social/tags/Text" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Text</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/ScreenReader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ScreenReader</a> <a href="https://mastodon.social/tags/Print" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Print</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> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ARIA</a>

Michael HarleyI'm thinking of introducing a little bit of <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> to my eleventy site. Currently, my site is html and css files only but I would like to give the option for a viewer to set light or dark mode. By default, I will read the media query to determine what a user prefers but I would like to allow a user to manually switch between the modes too.Dumb idea? <a href="https://infosec.exchange/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://infosec.exchange/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Ana Tudor 🐯Here's a "fun" Chrome zoom bug <a href="https://issues.chromium.org/issues/408752827" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://issues.chromium.org/issues/408752827</a>😬<a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/bug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bug</a> <a href="https://mastodon.social/tags/svgBug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgBug</a> <a href="https://mastodon.social/tags/ChromeBug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ChromeBug</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</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/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a>

Ana Tudor 🐯Why isn't `filter` allowed on `:first-letter` anyway? <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter</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/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</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/filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#filter</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/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a>

Recent searches

Search options

Administered by:

Server stats:

#frontend