Shakedown Social

xoron :verified:Are Web Components & Cybersecurity A Better Combo?I'm not trying to dunk on popular <a href="https://infosec.exchange/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://infosec.exchange/tags/frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#frameworks</a> – I'm sure they're totally fine for <a href="https://infosec.exchange/tags/cybersecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#cybersecurity</a> stuff, probably get loads of reviews and <a href="https://infosec.exchange/tags/audits" class="mention hashtag" rel="nofollow noopener" target="_blank">#audits</a>.But from my angle: Web Components are *native* to the <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#browser</a>. Doesn't that just inherently reduce the risk of **<a href="https://infosec.exchange/tags/SupplyChainAttacks" class="mention hashtag" rel="nofollow noopener" target="_blank">#SupplyChainAttacks</a>** (you know, like a rogue `npm install` on a bad network) for your <a href="https://infosec.exchange/tags/AppSecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#AppSecurity</a>?Or am I overthinking it, and the <a href="https://infosec.exchange/tags/framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#framework</a> choice is less important than the <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#browser</a>, <a href="https://infosec.exchange/tags/OS" class="mention hashtag" rel="nofollow noopener" target="_blank">#OS</a>, or <a href="https://infosec.exchange/tags/device" class="mention hashtag" rel="nofollow noopener" target="_blank">#device</a> running it? What are your thoughts, <a href="https://infosec.exchange/tags/DevCommunity" class="mention hashtag" rel="nofollow noopener" target="_blank">#DevCommunity</a>?---Quick context: I've got a <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a> <a href="https://infosec.exchange/tags/messagingApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#messagingApp</a> (repo here: <a href="https://github.com/positive-intentions/chat" rel="nofollow noopener" translate="no" target="_blank">https://github.com/positive-intentions/chat</a>) and a separate <a href="https://infosec.exchange/tags/UIFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIFramework</a> (repo here: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank">https://github.com/positive-intentions/dim</a>) built with <a href="https://infosec.exchange/tags/Lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#Lit</a> (which uses Web Components). I'm genuinely wondering if there's a compelling <a href="https://infosec.exchange/tags/cybersecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#cybersecurity</a> reason to refactor the chat app to use my <a href="https://infosec.exchange/tags/WebComponent" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponent</a> UI framework. Might be a whole new level of <a href="https://infosec.exchange/tags/SecurityByDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#SecurityByDesign</a> for <a href="https://infosec.exchange/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEndDev</a>.FYI, same question's on Reddit here: <a href="https://www.reddit.com/r/ExperiencedDevs/comments/1lmk1rg/are_web_components_better_for_cybersecurity/" rel="nofollow noopener" translate="no" target="_blank">https://www.reddit.com/r/ExperiencedDevs/comments/1lmk1rg/are_web_components_better_for_cybersecurity/</a>, got some good <a href="https://infosec.exchange/tags/insights" class="mention hashtag" rel="nofollow noopener" target="_blank">#insights</a>, but want to make sure nothing's getting overlooked! Let's discuss <a href="https://infosec.exchange/tags/InfoSec" class="mention hashtag" rel="nofollow noopener" target="_blank">#InfoSec</a> <a href="https://infosec.exchange/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a> <a href="https://infosec.exchange/tags/TechQuestion" class="mention hashtag" rel="nofollow noopener" target="_blank">#TechQuestion</a>.

mittenCan anyone point me at a modern explainer, written by a human being, for how to structure an img element with srcset properly? I just want to serve up smaller res images for smaller screens. <a href="https://social.lol/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://social.lol/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEndDev</a>

Palette Box🔥 ¡Velocidad dev = colores rápidos! Extrae → guarda paleta → JSON autoCon Palette Box v2.0.0: Colores UI listos, sin specs de diseño. Perfecto para devs indie, publishers, frontend🔥$2/mes o $70 lifetime (ahorra $50 vs 5 años) 🚀 ¡3 meses GRATIS! PALETTEBOXFREE3MONTH👉 <a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank">https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalette</a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#DevTools</a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieDev</a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#ChromeExtension</a>

Palette Box🔥 開発速度＝色準備が鍵！ Web色抽出 → パレット保存 → JSON化！Palette Box v2.0.0なら デザイン仕様なしでもUIカラー即用意。 ソロ開発・パブリッシャー・フロントエンド必携🔥月$2 / 買切$70（5年より$50お得） 🚀 3ヶ月無料！PALETTEBOXFREE3MONTH👉 <a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank">https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalette</a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#DevTools</a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieDev</a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#ChromeExtension</a>

Palette Box🔥 Dev speed = faster color prep! Extract colors → Save palette → Auto JSONWith Palette Box v2.0.0: UI colors ready fast—even without design specs. Perfect for indie devs, publishers, frontend pros🔥$2/month or $70 lifetime (save $50 vs 5 yrs) 🚀 3-month FREE: PALETTEBOXFREE3MONTH👉 <a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank">https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalette</a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#DevTools</a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieDev</a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#ChromeExtension</a>

Palette Box🔥 개발 속도, 색 뽑는 데서 갈린다! 웹에서 색 추출 → 팔레트 저장 → JSON 변환까지 한방!Palette Box v2.0.0이면 디자인 가이드 없이도 UI 색상 빠르게 준비 끝. 1인 개발자, 퍼블리셔, 프론트엔드에 강력 추천🔥월 $2 / 평생 $70 (5년 대비 $50 절약) 🚀 3개월 무료 쿠폰: PALETTEBOXFREE3MONTH👉 <a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank">https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalette</a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#DevTools</a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieDev</a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#ChromeExtension</a>

Palette Box🔥 ¿Te has quedado bloqueado por colores? “Sin diseñador… ¿qué color uso?”Con Palette Box v2.0.0: Extrae → paleta UI auto → JSON! Devs indie → UIs pro sin diseñador🔥$2/mes o $70 lifetime (ahorra $50 vs 5 años) 🚀 ¡3 meses GRATIS! PALETTEBOXFREE3MONTH👉 <a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank">https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieDev</a> <a href="https://mastodon.social/tags/WebDevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevTools</a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalette</a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#ChromeExtension</a>

Palette Box🔥 配色でコーディング止まったことない？ 「デザイナーいない…色どうしよう」Palette Box v2.0.0なら 色抽出 → UIパレット自動生成 → JSON化！ ソロ開発でもおしゃれUI作成🔥月$2 / 買切$70（5年より$50お得） 🚀 3ヶ月無料！PALETTEBOXFREE3MONTH👉 <a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank">https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieDev</a> <a href="https://mastodon.social/tags/WebDevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevTools</a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalette</a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#ChromeExtension</a>

Palette Box🔥 Ever stopped coding just over colors? “No designer… which color should I use?”With Palette Box v2.0.0: Extract → Auto UI palette → JSON! Solo devs can build pro-level UIs🔥$2/month or $70 lifetime (save $50 vs 5 yrs) 🚀 3-month FREE for 100K users! PALETTEBOXFREE3MONTH👉 <a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank">https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieDev</a> <a href="https://mastodon.social/tags/WebDevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevTools</a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalette</a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#ChromeExtension</a>

Palette Box🔥 색상 때문에 코드 멈춘 적 있죠? “디자이너 없는데 이 색 뭘 써야 해…”Palette Box v2.0.0이면 색 추출 → UI 팔레트 자동 → JSON 변환까지! 프론트엔드 개발자 혼자서도 디자인감 있는 결과 가능🔥월 $2 / 평생 $70 (5년 대비 $50 절약) 🚀 지금 10만명 한정 3개월 무료 쿠폰! PALETTEBOXFREE3MONTH👉 <a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank">https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieDev</a> <a href="https://mastodon.social/tags/WebDevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevTools</a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalette</a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#ChromeExtension</a>

DrupalAshevilleThink front of the front end dev skills don’t matter anymore? Think again.At <a href="https://mstdn.social/tags/DCAVL25" class="mention hashtag" rel="nofollow noopener" target="_blank">#DCAVL25</a>, join What a Front of the Front-End Developer Brings to Your Team and explore why HTML, CSS, and presentational JS expertise are still essential.Learn how these skills support accessibility, templating, and strong collaboration across teams—especially in Drupal.Let’s give front of the front end devs the spotlight they deserve. <a href="https://www.drupalasheville.com/2025/session/what-front-front-end-developer-brings-your-team" rel="nofollow noopener" translate="no" target="_blank">https://www.drupalasheville.com/2025/session/what-front-front-end-developer-brings-your-team</a> <a href="https://mstdn.social/tags/Drupal" class="mention hashtag" rel="nofollow noopener" target="_blank">#Drupal</a> <a href="https://mstdn.social/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEndDev</a> <a href="https://mstdn.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a>

ValePeople print websites, so I wrote an article over on <a class="u-url mention" href="https://front-end.social/@piccalilli" rel="nofollow noopener" target="_blank">@piccalilli</a> about how to make sure they don’t feel the need to pull out all their hair while printing yours.Decimate a rainforest, spend a fortune on some new ink cartridges, unjam the mechanism, print off the article, and give it a read.<a href="https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/" rel="nofollow noopener" target="_blank">https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/</a><a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener" target="_blank">#WebDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener" target="_blank">#CSS</a>

xoron :verified:React-like functional webcomponents, but with vanilla HTML, JS and CSSIntroducing Dim – a new <a href="https://infosec.exchange/tags/Framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#Framework</a> that brings <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a>-like functional <a href="https://infosec.exchange/tags/JSX" class="mention hashtag" rel="nofollow noopener" target="_blank">#JSX</a>-syntax with <a href="https://infosec.exchange/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a>. Check it out here: 🔗 Project: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank">https://github.com/positive-intentions/dim</a> 🔗 Website: <a href="https://dim.positive-intentions.com" rel="nofollow noopener" translate="no" target="_blank">https://dim.positive-intentions.com</a>My journey with <a href="https://infosec.exchange/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> started with Lit, and while I appreciated its native browser support (less <a href="https://infosec.exchange/tags/Tooling" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tooling</a>!), coming from <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a>, the class components felt like a step backward. The <a href="https://infosec.exchange/tags/FunctionalProgramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#FunctionalProgramming</a> approach in React significantly improved my <a href="https://infosec.exchange/tags/DeveloperExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#DeveloperExperience</a> and debugging flow.So, I set out to build a thin, functional wrapper around <a href="https://infosec.exchange/tags/Lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#Lit</a>, and Dim is the result! It's a <a href="https://infosec.exchange/tags/ProofOfConcept" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProofOfConcept</a> right now, with "main" <a href="https://infosec.exchange/tags/Hooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#Hooks</a> similar to React, plus some custom ones like useStore for <a href="https://infosec.exchange/tags/EncryptionAtRest" class="mention hashtag" rel="nofollow noopener" target="_blank">#EncryptionAtRest</a>. (Note: <a href="https://infosec.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateManagement</a> for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore <a href="https://infosec.exchange/tags/Passwordless" class="mention hashtag" rel="nofollow noopener" target="_blank">#Passwordless</a> options like <a href="https://infosec.exchange/tags/WebAuthn" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAuthn</a>/#Passkeys).You can dive deeper into the <a href="https://infosec.exchange/tags/Documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#Documentation</a> and see how it works here: 📚 Dim Docs: <a href="https://positive-intentions.com/docs/category/dim" rel="nofollow noopener" translate="no" target="_blank">https://positive-intentions.com/docs/category/dim</a>This <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a> project is still in its early stages and very <a href="https://infosec.exchange/tags/Unstable" class="mention hashtag" rel="nofollow noopener" target="_blank">#Unstable</a>, so expect <a href="https://infosec.exchange/tags/BreakingChanges" class="mention hashtag" rel="nofollow noopener" target="_blank">#BreakingChanges</a>. I've already received valuable <a href="https://infosec.exchange/tags/Feedback" class="mention hashtag" rel="nofollow noopener" target="_blank">#Feedback</a> on some functions regarding <a href="https://infosec.exchange/tags/Security" class="mention hashtag" rel="nofollow noopener" target="_blank">#Security</a>, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!<a href="https://infosec.exchange/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://infosec.exchange/tags/JSFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#JSFramework</a> <a href="https://infosec.exchange/tags/Innovation" class="mention hashtag" rel="nofollow noopener" target="_blank">#Innovation</a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coding</a> <a href="https://infosec.exchange/tags/Programmer" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programmer</a> <a href="https://infosec.exchange/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tech</a>

Katrin Zaks👋 Hello Mastodon! I’m a frontend dev who shares stories from my tech-life balance — coding, accessibility, React, travel tales, and a bit of gardening.Expect <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> thoughts, <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> tips, and maybe my <a href="https://mastodon.social/tags/BalconyGarden" class="mention hashtag" rel="nofollow noopener" target="_blank">#BalconyGarden</a> updates.<a href="https://mastodon.social/tags/Introduction" class="mention hashtag" rel="nofollow noopener" target="_blank">#Introduction</a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a> <a href="https://mastodon.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mastodon</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/BalconyGarden" class="mention hashtag" rel="nofollow noopener" target="_blank">#BalconyGarden</a>

ValeThere is very little in this world more satisfying than getting CSS shorthand correct first time.<a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener" target="_blank">#CSS</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener" target="_blank">#WebDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener" target="_blank">#FrontEndDev</a>

ValeI’m Vale, a front-end developer making web stuff. I post about:<ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>User Experience (UX)</li><li>User Interface (UI)</li><li>Handy tidbits</li><li>FOSS</li><li>Linux</li><li>The IndieWeb</li><li>Digital gardening</li><li>What I’m working on</li><li>My photography</li><li>Whatever else my brain gurgitates</li></ul><a class="hashtag" href="https://fedi.vale.rocks/tag/introduction" rel="nofollow noopener" target="_blank">#Introduction</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener" target="_blank">#WebDev</a>

ValeJust started compiling some of my favourite blogs on my site.<a href="https://vale.rocks/links" rel="nofollow noopener" target="_blank">https://vale.rocks/links</a>I’m certain I’m missing tons, so please let me know of your favourites!<a class="hashtag" href="https://fedi.vale.rocks/tag/blogs" rel="nofollow noopener" target="_blank">#Blogs</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/blogging" rel="nofollow noopener" target="_blank">#Blogging</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/writing" rel="nofollow noopener" target="_blank">#Writing</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/indieweb" rel="nofollow noopener" target="_blank">#IndieWeb</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/frontenddev" rel="nofollow noopener" target="_blank">#FrontEndDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener" target="_blank">#WebDev</a>

Steve Karsch 🤘🏻:eagles:FE devs: what is your favorite non-Bootstrap framework for getting a simple, small, static HTML/CSS site off the ground quickly for non-FE devs? <a href="https://jawns.club/tags/frontenddev" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontenddev</a> <a href="https://jawns.club/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://jawns.club/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://jawns.club/tags/iknowenoughtobedangerous" class="mention hashtag" rel="nofollow noopener" target="_blank">#iknowenoughtobedangerous</a>

AustinAre there any <a href="https://hachyderm.io/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> devs out there who have deployed to <a href="https://hachyderm.io/tags/AzureStaticWebApps" class="mention hashtag" rel="nofollow noopener" target="_blank">#AzureStaticWebApps</a>?I’m looking to get a feel for how to think about cost since it scales with bandwidth. I would assume that bundle size/caching becomes a bigger concern given the pricing model. Is it trivial to achieve scalable costs or did you find your costs ballooning compared to a more traditional deployment model?<a href="https://hachyderm.io/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEndDev</a> <a href="https://hachyderm.io/tags/Azure" class="mention hashtag" rel="nofollow noopener" target="_blank">#Azure</a> <a href="https://hachyderm.io/tags/Jamstack" class="mention hashtag" rel="nofollow noopener" target="_blank">#Jamstack</a>

emmaNew arrival from Twitter – will probably re-do this <a href="https://mastodon.online/tags/introduction" class="mention hashtag" rel="nofollow noopener" target="_blank">#introduction</a> at some point but for now: I’m into hearing about <a href="https://mastodon.online/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> and <a href="https://mastodon.online/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#uxdesign</a>, <a href="https://mastodon.online/tags/contentstrategy" class="mention hashtag" rel="nofollow noopener" target="_blank">#contentstrategy</a>, <a href="https://mastodon.online/tags/productmanagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#productmanagement</a> and <a href="https://mastodon.online/tags/frontenddev" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontenddev</a>, while my work centres around <a href="https://mastodon.online/tags/creativecampaigns" class="mention hashtag" rel="nofollow noopener" target="_blank">#creativecampaigns</a> at the moment. My background is in <a href="https://mastodon.online/tags/culturalstudies" class="mention hashtag" rel="nofollow noopener" target="_blank">#culturalstudies</a>, <a href="https://mastodon.online/tags/culturaltheory" class="mention hashtag" rel="nofollow noopener" target="_blank">#culturaltheory</a>, <a href="https://mastodon.online/tags/philosophy" class="mention hashtag" rel="nofollow noopener" target="_blank">#philosophy</a> and <a href="https://mastodon.online/tags/sociology" class="mention hashtag" rel="nofollow noopener" target="_blank">#sociology</a>.In my downtime, I’m into <a href="https://mastodon.online/tags/TTRPGs" class="mention hashtag" rel="nofollow noopener" target="_blank">#TTRPGs</a>, <a href="https://mastodon.online/tags/D" class="mention hashtag" rel="nofollow noopener" target="_blank">#D</a>&D, playing <a href="https://mastodon.online/tags/bass" class="mention hashtag" rel="nofollow noopener" target="_blank">#bass</a>, <a href="https://mastodon.online/tags/videogames" class="mention hashtag" rel="nofollow noopener" target="_blank">#videogames</a> and <a href="https://mastodon.online/tags/gaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#gaming</a>, <a href="https://mastodon.online/tags/gigs" class="mention hashtag" rel="nofollow noopener" target="_blank">#gigs</a>, <a href="https://mastodon.online/tags/punk" class="mention hashtag" rel="nofollow noopener" target="_blank">#punk</a>, drinking <a href="https://mastodon.online/tags/coffee" class="mention hashtag" rel="nofollow noopener" target="_blank">#coffee</a>, general <a href="https://mastodon.online/tags/nerdshit" class="mention hashtag" rel="nofollow noopener" target="_blank">#nerdshit</a> and walking my <a href="https://mastodon.online/tags/dogs" class="mention hashtag" rel="nofollow noopener" target="_blank">#dogs</a>.

Recent searches

Search options

Administered by:

Server stats:

#frontenddev