techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome

Administered by:

Server stats:

4.6K
active users

#frontenddev

2 posts2 participants1 post today
GetNextjs Templates<p>🎨 Typefolio – Free Next.js Portfolio Template<br>A clean, minimal one-page template perfect for developers and designers.<br>✅ Super fast with Next.js<br>✅ Easy to update<br>✅ Mobile-friendly<br>✅ SEO-ready</p><p>📥 Download now: <a href="https://getnextjstemplates.com/products/typefolio-nextjs-template" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">getnextjstemplates.com/product</span><span class="invisible">s/typefolio-nextjs-template</span></a> </p><p><a href="https://mastodon.social/tags/Nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nextjs</span></a> <a href="https://mastodon.social/tags/Portfolio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Portfolio</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <a href="https://mastodon.social/tags/WebTemplates" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebTemplates</span></a></p>
Anamika<p>New Release Alert!<br>Learn React Hooks by Daniel Bugl is now available!</p><p>A must-read for frontend devs — this practical guide helps you master React Hooks and build scalable, high-performance apps.</p><p>✅ Real-world examples<br>✅ Performance insights<br>✅ Scalable architecture</p><p>📖 Get your copy: <a href="https://amzn.to/3W1UxrZ" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">amzn.to/3W1UxrZ</span><span class="invisible"></span></a><br><a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/ReactHooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactHooks</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/NewBook" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NewBook</span></a></p>
Nube Colectiva<p>How to Create a Website with Foundation. </p><p>Cómo Crear Una Web con Foundation. </p><p>👉 <a href="https://nubecolectiva.com/blog/como-crear-una-web-con-foundation/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nubecolectiva.com/blog/como-cr</span><span class="invisible">ear-una-web-con-foundation/</span></a> </p><p><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/programaci%C3%B3n" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programación</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/devs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devs</span></a> <a href="https://mastodon.social/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://mastodon.social/tags/foundation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>foundation</span></a> <a href="https://mastodon.social/tags/frontenddev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontenddev</span></a></p>
WebHeads United<p>Ready to master responsive design? Our latest blog post explores the 12-column grid system, the blueprint for creating stunning, flexible layouts that adapt to any screen. Learn how to build structured, user-friendly websites.</p><p>Read more here: <a href="https://webheadsunited.com/mastering-the-12-column-grid-system/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webheadsunited.com/mastering-t</span><span class="invisible">he-12-column-grid-system/</span></a></p><p><a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/CSSGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSGrid</span></a> <a href="https://mastodon.social/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDev</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>
Nebraska.Code<p>Tyler Sanderson, Kathryn Grayson Nanz, and Brent Stewart present on Frontend Development at Nebraska.Code().</p><p><a href="https://nebraskacode.amegala.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">nebraskacode.amegala.com/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/WebSecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebSecurity</span></a> <a href="https://mastodon.social/tags/WebApps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebApps</span></a> <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/UsabilityTesting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UsabilityTesting</span></a> <a href="https://mastodon.social/tags/Blazor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Blazor</span></a> <a href="https://mastodon.social/tags/Nebraska" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nebraska</span></a> <a href="https://mastodon.social/tags/TechConf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechConf</span></a> <a href="https://mastodon.social/tags/Improving" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Improving</span></a> <a href="https://mastodon.social/tags/AlienArcTechnologies" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlienArcTechnologies</span></a> <a href="https://mastodon.social/tags/IT" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IT</span></a> <a href="https://mastodon.social/tags/WebSecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebSecurity</span></a> <a href="https://mastodon.social/tags/Software" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Software</span></a> <a href="https://mastodon.social/tags/Testing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Testing</span></a> <a href="https://mastodon.social/tags/lincolnnebraska" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lincolnnebraska</span></a> <a href="https://mastodon.social/tags/WomenInTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WomenInTech</span></a> <a href="https://mastodon.social/tags/DevelopmentConference" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevelopmentConference</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/TechTalk" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechTalk</span></a></p>
Mayoroftech<p>Bring your ideas and innovations my way and let connect and discuss how to build the future with speed, soul, and clarity.</p><p><a href="https://mastodon.social/tags/Introduction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Introduction</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://mastodon.social/tags/OpenToWork" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenToWork</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/SwiftUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SwiftUI</span></a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://mastodon.social/tags/DesignEngineering" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignEngineering</span></a> <a href="https://mastodon.social/tags/BuildInPublic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BuildInPublic</span></a></p>
nikolnova<p>An attempt at colorful font icon ⚙️ </p><p><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a></p>
xoron :verified:<p>Are Web Components &amp; Cybersecurity A Better Combo?</p><p>I'm not trying to dunk on popular <a href="https://infosec.exchange/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://infosec.exchange/tags/frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frameworks</span></a> – I'm sure they're totally fine for <a href="https://infosec.exchange/tags/cybersecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cybersecurity</span></a> stuff, probably get loads of reviews and <a href="https://infosec.exchange/tags/audits" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>audits</span></a>.</p><p>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">#<span>browser</span></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">#<span>SupplyChainAttacks</span></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">#<span>AppSecurity</span></a>?</p><p>Or am I overthinking it, and the <a href="https://infosec.exchange/tags/framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>framework</span></a> choice is less important than the <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browser</span></a>, <a href="https://infosec.exchange/tags/OS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OS</span></a>, or <a href="https://infosec.exchange/tags/device" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>device</span></a> running it? What are your thoughts, <a href="https://infosec.exchange/tags/DevCommunity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevCommunity</span></a>?</p><p>---</p><p>Quick context: I've got a <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://infosec.exchange/tags/messagingApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>messagingApp</span></a> (repo here: <a href="https://github.com/positive-intentions/chat" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/chat</span></a>) and a separate <a href="https://infosec.exchange/tags/UIFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIFramework</span></a> (repo here: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim</span></a>) built with <a href="https://infosec.exchange/tags/Lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Lit</span></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">#<span>cybersecurity</span></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">#<span>WebComponent</span></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">#<span>SecurityByDesign</span></a> for <a href="https://infosec.exchange/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDev</span></a>.</p><p>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"><span class="invisible">https://www.</span><span class="ellipsis">reddit.com/r/ExperiencedDevs/c</span><span class="invisible">omments/1lmk1rg/are_web_components_better_for_cybersecurity/</span></a>, got some good <a href="https://infosec.exchange/tags/insights" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>insights</span></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">#<span>InfoSec</span></a> <a href="https://infosec.exchange/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <a href="https://infosec.exchange/tags/TechQuestion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechQuestion</span></a>.</p>
Palette Box<p>Es sábado, el día ideal para crear con calma.<br>Deja que la paleta del día te inspire.<br>🎨 Extrae colores → Genera la paleta de hoy → Exporta JSON al instante<br>Diseña y desarrolla sin complicaciones con Palette Box.<br>💰 $2/mes o $70 de por vida (¡ahorra $50 en 5 años!)<br>🎁 Cupón de 3 meses gratis: PALETTEBOXFREE3MONTH<br>👇 Instálalo aquí:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a> <a href="https://mastodon.social/tags/ColorInspiration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorInspiration</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a> <a href="https://mastodon.social/tags/JSONExport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSONExport</span></a></p>
Palette Box<p>土曜日の気分にぴったりな色、見つけませんか?<br>今日のおすすめ配色で、心もデザインも彩って。<br>🎨 色を抽出 → 今日のパレット生成 → JSONに変換!<br>デザインや開発で悩むなら、Palette Boxを試してみて。<br>💰 月額$2 / 永久$70(5年より$50お得)<br>🎁 3ヶ月無料クーポン: PALETTEBOXFREE3MONTH<br>👇 今すぐインストール:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a> <a href="https://mastodon.social/tags/ColorInspiration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorInspiration</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a> <a href="https://mastodon.social/tags/JSONExport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSONExport</span></a></p>
Palette Box<p>It’s Saturday. The mood calls for color.<br>Let today’s palette fill your creative canvas.<br>🎨 Extract colors → Get today’s combo → Export JSON in seconds!<br>Whether you're designing or building, Palette Box makes it easy.<br>💰 $2/month or $70 lifetime (save $50 over 5 years)<br>🎁 3-month free coupon: PALETTEBOXFREE3MONTH<br>👇 Install now:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a> <a href="https://mastodon.social/tags/ColorInspiration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorInspiration</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a> <a href="https://mastodon.social/tags/JSONExport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSONExport</span></a></p>
Palette Box<p>토요일, 감성이 필요한 하루.<br>오늘의 색상 조합이 당신의 디자인을 채워줄 거예요.<br>🎨 웹 화면에서 색 추출 → 오늘의 추천 팔레트 생성 → JSON 변환까지 한 번에!<br>디자인에 고민 많은 토요일이라면, Palette Box가 도와줄게요.<br>💰 월 $2 / 평생 $70 (5년보다 $50 저렴)<br>🎁 3개월 무료 쿠폰: PALETTEBOXFREE3MONTH<br>👇 지금 설치하기:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a> <a href="https://mastodon.social/tags/ColorInspiration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorInspiration</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a> <a href="https://mastodon.social/tags/JSONExport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSONExport</span></a></p>
Palette Box<p>🌀 Antes: UI caótica, colores aleatorios, sin control…<br>✨ Después: Paleta por palabra clave → Edita nombres → Exporta JSON.<br>Este viernes, deja atrás el caos del color.<br>🎯 Con Palette Box, todo se hace en segundos.<br>Ideal para desarrolladores solitarios o en equipo, ya en Chrome.<br>💰 $2/mes o $70 para siempre (¡ahorra $50 en 5 años!)<br>🎁 Cupón gratis 3 meses: PALETTEBOXFREE3MONTH<br>👇 Instálalo aquí:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorPalette</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a> <a href="https://mastodon.social/tags/JSONExport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSONExport</span></a> <a href="https://mastodon.social/tags/WebTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebTools</span></a></p>
Palette Box<p>🌀 Before: 色選びで迷走、UIもバラバラ…<br>✨ After: キーワード入力 → 配色提案 → 名前編集 → JSON出力!<br>金曜日、もう色で疲れない!<br>🎯 Palette Boxならすべてワンクリックで解決。<br>ソロ開発者にもデザイナーとの連携にも最適なChrome拡張。<br>💰 月額$2 / 永久$70(5年より$50お得)<br>🎁 3ヶ月無料クーポン: PALETTEBOXFREE3MONTH<br>👇 インストール:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorPalette</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a> <a href="https://mastodon.social/tags/JSONExport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSONExport</span></a> <a href="https://mastodon.social/tags/WebTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebTools</span></a></p>
Palette Box<p>🌀 Before: Endless guessing, scattered UI, color chaos...<br>✨ After: Keyword-based palette → Rename → Export JSON instantly!<br>Stop wasting Fridays on color stress.<br>🎯 Palette Box handles it all in one click.<br>Perfect for solo devs &amp; designer collabs—now on Chrome!<br>💰 $2/month or $70 lifetime (save $50 vs 5 years)<br>🎁 3-month FREE coupon: PALETTEBOXFREE3MONTH<br>👇 Install here:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorPalette</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a> <a href="https://mastodon.social/tags/JSONExport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSONExport</span></a> <a href="https://mastodon.social/tags/WebTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebTools</span></a></p>
Palette Box<p>🌀 Before: 색상 고르느라 질문만 가득, UI는 엉망…<br>✨ After: 키워드 기반 색상 추천 → 이름 편집 → JSON 자동 추출!<br>금요일엔 더 이상 색상 고민 NO!<br>🎯 Palette Box로 색상 조합과 코드 정리까지 한 번에!<br>1인 개발자, 디자이너 협업 모두에 최적화된 크롬 확장 프로그램.<br>💰 월 $2 / 평생 $70 (5년 이용보다 $50 저렴)<br>🎁 3개월 무료 쿠폰: PALETTEBOXFREE3MONTH<br>👇 설치하기:<br><a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorPalette</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a> <a href="https://mastodon.social/tags/JSONExport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JSONExport</span></a> <a href="https://mastodon.social/tags/WebTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebTools</span></a></p>
mitten<p>Can 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. </p><p><a href="https://social.lol/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://social.lol/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDev</span></a></p>
Palette Box<p>"여름 느낌 색상 5개만 추천해줘!"<br>직관적으로 키워드를 선택하고, 추천된 색상 조합을 바로 이름 붙이고 JSON으로 내보낼 수 있습니다.<br>디자인 가이드는 없지만, UI에 어울리는 색이 필요할 때 Palette Box는 믿을 수 있는 도우미가 됩니다.<br>색상 선정과 코드 변환을 한 번에!<br>개발 속도도 빠르고, 협업도 쉬워지는 색상 툴.<br>🌈 Palette Box는 크롬 확장 프로그램으로 지금 바로 사용해보세요!<br>💰월 $2 또는 평생 $70<br>🎁 3개월 무료 쿠폰 코드: PALETTEBOXFREE3MONTH<br><a href="https://mastodon.social/tags/colorpalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>colorpalette</span></a> <a href="https://mastodon.social/tags/uidesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uidesign</span></a> <a href="https://mastodon.social/tags/frontenddev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontenddev</span></a> <a href="https://mastodon.social/tags/chromextension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>chromextension</span></a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevTools</span></a></p>
Palette Box<p>🔥 ¡Velocidad dev = colores rápidos!<br>Extrae → guarda paleta → JSON auto</p><p>Con Palette Box v2.0.0:<br>Colores UI listos, sin specs de diseño.<br>Perfecto para devs indie, publishers, frontend🔥</p><p>$2/mes o $70 lifetime (ahorra $50 vs 5 años)<br>🚀 ¡3 meses GRATIS! PALETTEBOXFREE3MONTH</p><p>👉 <a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorPalette</span></a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevTools</span></a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieDev</span></a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a></p>
Palette Box<p>🔥 開発速度=色準備が鍵!<br>Web色抽出 → パレット保存 → JSON化!</p><p>Palette Box v2.0.0なら<br>デザイン仕様なしでもUIカラー即用意。<br>ソロ開発・パブリッシャー・フロントエンド必携🔥</p><p>月$2 / 買切$70(5年より$50お得)<br>🚀 3ヶ月無料!PALETTEBOXFREE3MONTH</p><p>👉 <a href="https://chromewebstore.google.com/detail/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chromewebstore.google.com/deta</span><span class="invisible">il/palette-box/dbokpdajfkdaglkgojjjocclfnilbhao</span></a><br><a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a> <a href="https://mastodon.social/tags/ColorPalette" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorPalette</span></a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevTools</span></a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieDev</span></a> <a href="https://mastodon.social/tags/ChromeExtension" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ChromeExtension</span></a></p>