det.social

Frontend DogmaAnother Article About Centering in CSS, by @bell.bz (@piccalil.li):<a href="https://piccalil.li/blog/another-article-about-centering-in-css/" rel="nofollow noopener" translate="no" target="_blank">https://piccalil.li/blog/another-article-about-centering-in-css/</a><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mas.to/tags/centering" class="mention hashtag" rel="nofollow noopener" target="_blank">#centering</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

Frontend DogmaLiquid Glass on the Web, by <a href="https://front-end.social/@chriscoyier" class="u-url mention" rel="nofollow noopener" target="_blank">@chriscoyier</a> (@frontendmasters.com):<a href="https://frontendmasters.com/blog/liquid-glass-on-the-web/" rel="nofollow noopener" translate="no" target="_blank">https://frontendmasters.com/blog/liquid-glass-on-the-web/</a><a href="https://mas.to/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://mas.to/tags/effects" class="mention hashtag" rel="nofollow noopener" target="_blank">#effects</a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

Frontend DogmaEight Skunkworks Projects That Advance Accessibility Without Approval, by (not on Mastodon or Bluesky):<a href="https://buttondown.com/access-ability/archive/eight-skunkworks-projects-that-advance/" rel="nofollow noopener" translate="no" target="_blank">https://buttondown.com/access-ability/archive/eight-skunkworks-projects-that-advance/</a><a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a> <a href="https://mas.to/tags/advocacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#advocacy</a>

Frontend DogmaA Label and a Name Walk Into a Bar, by <a href="https://mastodon.social/@SteveFaulkner" class="u-url mention" rel="nofollow noopener" target="_blank">@SteveFaulkner</a>:<a href="https://html5accessibility.com/stuff/2025/07/14/a-label-and-a-name-walk-into-a-bar/" rel="nofollow noopener" translate="no" target="_blank">https://html5accessibility.com/stuff/2025/07/14/a-label-and-a-name-walk-into-a-bar/</a><a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mas.to/tags/labels" class="mention hashtag" rel="nofollow noopener" target="_blank">#labels</a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://mas.to/tags/concepts" class="mention hashtag" rel="nofollow noopener" target="_blank">#concepts</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

Frontend DogmaThe History of React Through Code, by <a href="https://mastodon.social/@crutchcorn" class="u-url mention" rel="nofollow noopener" target="_blank">@crutchcorn</a> (<a href="https://hachyderm.io/@playfulprogramming" class="u-url mention" rel="nofollow noopener" target="_blank">@playfulprogramming</a>):<a href="https://playfulprogramming.com/posts/react-history-through-code" rel="nofollow noopener" translate="no" target="_blank">https://playfulprogramming.com/posts/react-history-through-code</a><a href="https://mas.to/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</a> <a href="https://mas.to/tags/history" class="mention hashtag" rel="nofollow noopener" target="_blank">#history</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

Frontend DogmaMCP—the Golden Key for AI Automation, by (not on Mastodon or Bluesky):<a href="https://archive.fo/zqyAo" rel="nofollow noopener" translate="no" target="_blank">https://archive.fo/zqyAo</a><a href="https://mas.to/tags/mcp" class="mention hashtag" rel="nofollow noopener" target="_blank">#mcp</a> <a href="https://mas.to/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#ai</a> <a href="https://mas.to/tags/automation" class="mention hashtag" rel="nofollow noopener" target="_blank">#automation</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

Sean MurthyPoor example to introduce the `disabled` HTML attribute:Lesson: Don't use the same/similar name as the concept being introduced.```html <label> <input type="checkbox" name="ch-box" value="disabled" disabled /> disabled </label> ```<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/disabled#examples" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/disabled#examples</a><a href="https://hachyderm.io/tags/writing" class="mention hashtag" rel="nofollow noopener" target="_blank">#writing</a> <a href="https://hachyderm.io/tags/scholarship" class="mention hashtag" rel="nofollow noopener" target="_blank">#scholarship</a> <a href="https://hachyderm.io/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a> <a href="https://hachyderm.io/tags/technicalWriting" class="mention hashtag" rel="nofollow noopener" target="_blank">#technicalWriting</a>

Frontend DogmaTips for Making Regular Expressions Easier to Use in JavaScript, by <a href="https://fosstodon.org/@rauschma" class="u-url mention" rel="nofollow noopener" target="_blank">@rauschma</a>:<a href="https://2ality.com/2025/06/javascript-regexp-tips.html" rel="nofollow noopener" translate="no" target="_blank">https://2ality.com/2025/06/javascript-regexp-tips.html</a><a href="https://mas.to/tags/regex" class="mention hashtag" rel="nofollow noopener" target="_blank">#regex</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mas.to/tags/tipsandtricks" class="mention hashtag" rel="nofollow noopener" target="_blank">#tipsandtricks</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

Frontend Dogma“aria-selected”: Practical Examples and Use Cases, by <a href="https://metalhead.club/@flori" class="u-url mention" rel="nofollow noopener" target="_blank">@flori</a> (<a href="https://front-end.social/@a11ycollective" class="u-url mention" rel="nofollow noopener" target="_blank">@a11ycollective</a>):<a href="https://www.a11y-collective.com/blog/aria-selected/" rel="nofollow noopener" translate="no" target="_blank">https://www.a11y-collective.com/blog/aria-selected/</a><a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mas.to/tags/aria" class="mention hashtag" rel="nofollow noopener" target="_blank">#aria</a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

Frontend DogmaTranslating Accessibility, by <a href="https://mstdn.social/@TPGi" class="u-url mention" rel="nofollow noopener" target="_blank">@TPGi</a>:<a href="https://www.tpgi.com/translating-accessibility/" rel="nofollow noopener" translate="no" target="_blank">https://www.tpgi.com/translating-accessibility/</a><a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mas.to/tags/localization" class="mention hashtag" rel="nofollow noopener" target="_blank">#localization</a> <a href="https://mas.to/tags/attributes" class="mention hashtag" rel="nofollow noopener" target="_blank">#attributes</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

Frontend DogmaBest Examples of EAA Compliant Websites in 2025, by (not on Mastodon or Bluesky):<a href="https://www.webyes.com/blogs/best-eaa-compliant-websites/" rel="nofollow noopener" translate="no" target="_blank">https://www.webyes.com/blogs/best-eaa-compliant-websites/</a><a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mas.to/tags/eaa" class="mention hashtag" rel="nofollow noopener" target="_blank">#eaa</a> <a href="https://mas.to/tags/compliance" class="mention hashtag" rel="nofollow noopener" target="_blank">#compliance</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

Frontend DogmaA JavaScript Developer’s Guide to Go, by @psuranas.bsky.prateeksurana.me:<a href="https://prateeksurana.me/blog/guide-to-go-for-javascript-developers/" rel="nofollow noopener" translate="no" target="_blank">https://prateeksurana.me/blog/guide-to-go-for-javascript-developers/</a><a href="https://mas.to/tags/guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#guides</a> <a href="https://mas.to/tags/go" class="mention hashtag" rel="nofollow noopener" target="_blank">#go</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

💧🌏 Greg Cocks40 ‘Amazing Maps’ That May Give You A Unique Perspective On The World -- <a href="https://www.aol.com/80-curious-maps-expand-knowledge-093422705.html" rel="nofollow noopener" translate="no" target="_blank">https://www.aol.com/80-curious-maps-expand-knowledge-093422705.html</a> <-- shared page -- <a href="https://www.instagram.com/amazingmap/" rel="nofollow noopener" translate="no" target="_blank">https://www.instagram.com/amazingmap/</a> <-- <a href="https://techhub.social/tags/AmazingMaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#AmazingMaps</a> Instagram page -- “If you were born in the last 30 years, there’s a good chance you’ve never actually had to rely on a paper map. You might have seen them at amusement parks or folded up in the glove compartment of your dad’s car. But you probably weren’t using them to navigate from the passenger seat while on a road trip with your best friend. Despite the fact that the majority of the world now uses apps to provide us with directions, there will always be a place for maps. And if you disagree, I hope that the Amazing Maps Instagram page [link above] will help change your mind. This account has amassed nearly 75K followers for sharing fascinating maps of the world, along with fun facts and interesting statistics…” <a href="https://techhub.social/tags/GIS" class="mention hashtag" rel="nofollow noopener" target="_blank">#GIS</a> <a href="https://techhub.social/tags/spatial" class="mention hashtag" rel="nofollow noopener" target="_blank">#spatial</a> <a href="https://techhub.social/tags/maps" class="mention hashtag" rel="nofollow noopener" target="_blank">#maps</a> <a href="https://techhub.social/tags/mapping" class="mention hashtag" rel="nofollow noopener" target="_blank">#mapping</a> <a href="https://techhub.social/tags/cartography" class="mention hashtag" rel="nofollow noopener" target="_blank">#cartography</a> <a href="https://techhub.social/tags/data" class="mention hashtag" rel="nofollow noopener" target="_blank">#data</a> <a href="https://techhub.social/tags/thematic" class="mention hashtag" rel="nofollow noopener" target="_blank">#thematic</a> <a href="https://techhub.social/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a> <a href="https://techhub.social/tags/spatialanalysis" class="mention hashtag" rel="nofollow noopener" target="_blank">#spatialanalysis</a> <a href="https://techhub.social/tags/AmazingMaps" class="mention hashtag" rel="nofollow noopener" target="_blank">#AmazingMaps</a> <a href="https://techhub.social/tags/world" class="mention hashtag" rel="nofollow noopener" target="_blank">#world</a> <a href="https://techhub.social/tags/global" class="mention hashtag" rel="nofollow noopener" target="_blank">#global</a>

Frontend DogmaMultithreading in JavaScript With Web Workers, by <a href="https://honeybadger.social/@honeybadger" class="u-url mention" rel="nofollow noopener" target="_blank">@honeybadger</a>:<a href="https://www.honeybadger.io/blog/javascript-web-workers-multithreading/" rel="nofollow noopener" translate="no" target="_blank">https://www.honeybadger.io/blog/javascript-web-workers-multithreading/</a><a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mas.to/tags/multithreading" class="mention hashtag" rel="nofollow noopener" target="_blank">#multithreading</a> <a href="https://mas.to/tags/webworkers" class="mention hashtag" rel="nofollow noopener" target="_blank">#webworkers</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

💧🌏 Greg CocksAwesome Strategies To Visualize Change With Time -- <a href="https://medium.com/@yuanbo.faith/awesome-strategies-to-visualize-change-with-time-f8a7fa8362f2" rel="nofollow noopener" translate="no" target="_blank">https://medium.com/@yuanbo.faith/awesome-strategies-to-visualize-change-with-time-f8a7fa8362f2</a> <-- shared technical article -- <a href="https://www.databrewer.co/R/gallery" rel="nofollow noopener" translate="no" target="_blank">https://www.databrewer.co/R/gallery</a> <-- shared further examples & background/processes -- “This article summarizes effective strategies to visualize temporal changes, illustrated with inspiring graphic examples (with link to source code [and methods])…” <a href="https://techhub.social/tags/GIS" class="mention hashtag" rel="nofollow noopener" target="_blank">#GIS</a> <a href="https://techhub.social/tags/spatial" class="mention hashtag" rel="nofollow noopener" target="_blank">#spatial</a> <a href="https://techhub.social/tags/mapping" class="mention hashtag" rel="nofollow noopener" target="_blank">#mapping</a> <a href="https://techhub.social/tags/datavisualisation" class="mention hashtag" rel="nofollow noopener" target="_blank">#datavisualisation</a> <a href="https://techhub.social/tags/visualisation" class="mention hashtag" rel="nofollow noopener" target="_blank">#visualisation</a> <a href="https://techhub.social/tags/R" class="mention hashtag" rel="nofollow noopener" target="_blank">#R</a> <a href="https://techhub.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#code</a> <a href="https://techhub.social/tags/methods" class="mention hashtag" rel="nofollow noopener" target="_blank">#methods</a> <a href="https://techhub.social/tags/scripts" class="mention hashtag" rel="nofollow noopener" target="_blank">#scripts</a> <a href="https://techhub.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a> <a href="https://techhub.social/tags/spatiotemporal" class="mention hashtag" rel="nofollow noopener" target="_blank">#spatiotemporal</a> <a href="https://techhub.social/tags/temporal" class="mention hashtag" rel="nofollow noopener" target="_blank">#temporal</a> <a href="https://techhub.social/tags/temporalchange" class="mention hashtag" rel="nofollow noopener" target="_blank">#temporalchange</a> <a href="https://techhub.social/tags/visualise" class="mention hashtag" rel="nofollow noopener" target="_blank">#visualise</a> <a href="https://techhub.social/tags/graphic" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphic</a> <a href="https://techhub.social/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a> <a href="https://techhub.social/tags/opendata" class="mention hashtag" rel="nofollow noopener" target="_blank">#opendata</a>

Frontend DogmaCold vs. Hot Observables in Angular With RxJS, by (not found on Mastodon or Bluesky):<a href="https://archive.fo/aXZ6u" rel="nofollow noopener" translate="no" target="_blank">https://archive.fo/aXZ6u</a><a href="https://mas.to/tags/angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#angular</a> <a href="https://mas.to/tags/asynchronicity" class="mention hashtag" rel="nofollow noopener" target="_blank">#asynchronicity</a> <a href="https://mas.to/tags/reactivity" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactivity</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a> <a href="https://mas.to/tags/terminology" class="mention hashtag" rel="nofollow noopener" target="_blank">#terminology</a>

Frontend DogmaPasskeys for Normal People, by <a href="https://infosec.exchange/@troyhunt" class="u-url mention" rel="nofollow noopener" target="_blank">@troyhunt</a>:<a href="https://www.troyhunt.com/passkeys-for-normal-people/" rel="nofollow noopener" translate="no" target="_blank">https://www.troyhunt.com/passkeys-for-normal-people/</a><a href="https://mas.to/tags/security" class="mention hashtag" rel="nofollow noopener" target="_blank">#security</a> <a href="https://mas.to/tags/authentication" class="mention hashtag" rel="nofollow noopener" target="_blank">#authentication</a> <a href="https://mas.to/tags/passkeys" class="mention hashtag" rel="nofollow noopener" target="_blank">#passkeys</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a> <a href="https://mas.to/tags/concepts" class="mention hashtag" rel="nofollow noopener" target="_blank">#concepts</a>

Frontend DogmaAre “CSS Carousels” Accessible?, by <a href="https://front-end.social/@SaraSoueidan" class="u-url mention" rel="nofollow noopener" target="_blank">@SaraSoueidan</a>:<a href="https://www.sarasoueidan.com/blog/css-carousels-accessibility/" rel="nofollow noopener" translate="no" target="_blank">https://www.sarasoueidan.com/blog/css-carousels-accessibility/</a><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mas.to/tags/carousels" class="mention hashtag" rel="nofollow noopener" target="_blank">#carousels</a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

Frontend DogmaGuitar Chords in CSS, by @stoumann.bsky.social:<a href="https://dev.to/madsstoumann/guitar-chords-in-css-3hk8" rel="nofollow noopener" translate="no" target="_blank">https://dev.to/madsstoumann/guitar-chords-in-css-3hk8</a><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mas.to/tags/functions" class="mention hashtag" rel="nofollow noopener" target="_blank">#functions</a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a>

IT NewsKnowing What’s Possible - Dan Maloney and I were talking on the podcast about his memories of the old electr... - <a href="https://hackaday.com/2025/05/03/knowing-whats-possible/" rel="nofollow noopener" translate="no" target="_blank">https://hackaday.com/2025/05/03/knowing-whats-possible/</a> <a href="https://schleuss.online/tags/hackadaycolumns" class="mention hashtag" rel="nofollow noopener" target="_blank">#hackadaycolumns</a> <a href="https://schleuss.online/tags/creativity" class="mention hashtag" rel="nofollow noopener" target="_blank">#creativity</a> <a href="https://schleuss.online/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#examples</a> <a href="https://schleuss.online/tags/hackaday" class="mention hashtag" rel="nofollow noopener" target="_blank">#hackaday</a> <a href="https://schleuss.online/tags/possible" class="mention hashtag" rel="nofollow noopener" target="_blank">#possible</a> <a href="https://schleuss.online/tags/rants" class="mention hashtag" rel="nofollow noopener" target="_blank">#rants</a> <a href="https://schleuss.online/tags/ideas" class="mention hashtag" rel="nofollow noopener" target="_blank">#ideas</a>

Recent searches

Search options

Administered by:

Server stats:

#examples