#css-variables 아티클 모음

Dev.to

Figma 파일 5개를 HTML Renderer로 대체하여 브랜드 업데이트 시간을 3주에서 5분으로 단축

Replacing five Figma files with one HTML renderer for our content brand

Backendintermediate22 분 소요1일 전

Dev.to

Angular 16에서 21로의 마이그레이션을 통한 UI/UX 현대화 및 성능 최적화

Migrando um YMS de 5 anos: Do Angular 16 ao 21 (Parte 9) - UX Corporativa: Dark Mode, Grids Dinâmicos e PrimeNG na prática

Frontendintermediate7 분 소요5일 전

Dev.to

JS 런타임 제거와 Native CSS 기반의 120fps 고성능 인터랙션 구현

How the State.js Ecosystem Solves the Performance vs. Experience Paradox in Modern E‑Commerce

Frontendintermediate11 분 소요6일 전

Dev.to

HTML Data Attribute 기반 CSS Variable 동기화로 Zero-JS 반응형 UI 구현

🚀 State.js - Build Reactive, Interactive UIs Using Only HTML + CSS

Frontendintermediate11 분 소요6일 전

Dev.to

Design Tokens 중심의 Single Source of Truth 기반 고성능 UI 시스템 구축

Building a Accessible, Performant Design System: From Tokens to Tooling

Frontendintermediate25 분 소요6일 전

Dev.to

JS 로직 없는 CSS Variable 기반 Reactive UI 아키텍처 구현

State.js Tutorial: Creating Reusable UI Components with Pure CSS Reactivity

Frontendintermediate7 분 소요2026년 5월 27일

Dev.to

CSS Variables와 LocalStorage를 활용한 상태 지속형 다크모드 구현

The Easiest Way to Add Dark Mode to Your Website

Frontendbeginner9 분 소요2026년 5월 26일

Dev.to

backdrop-filter 기반 Pure CSS Glassmorphism 구현을 통한 렌더링 최적화

The Effect of Frosted Glass (Glassmorphism) in Pure CSS in 2026

Frontendbeginner12 분 소요2026년 5월 20일

Dev.to

Tailwind v3 CSS Variable 제약 극복을 통한 Opacity Modifier 정상화

Token Deep Dive #2: The /50 That Did Nothing

Frontendintermediate16 분 소요2026년 5월 18일

Dev.to

Core 분리 및 Override Layer 설계를 통한 7개 테넌트 통합 관리 체계 구축

I've white-labeled the same CRM codebase 7 times for 7 different clients. I never touch the core. Here's how the override layer works.

Frontendintermediate24 분 소요2026년 5월 13일

Dev.to

Hardcoded Color 제거 및 Semantic Variable 도입을 통한 다크모드 시스템 설계

I Thought Dark Mode Was a 30-Minute Task. It Turned Into a Full Refactor

Frontendintermediate11 분 소요2026년 5월 6일

Dev.to

CSS Variable와 LocalStorage를 활용한 하이브리드 다크모드 구현

How to Add Dark Mode to Any Website (Even If You’re Not a CSS Wizard)

Frontendbeginner8 분 소요2026년 5월 1일

Dev.to

프레임워크 제로 설계를 통한 고성능 시네마틱 B2B UI 구현

Building a cinematic Sci-Fi Dashboard using 100% Vanilla JS & CSS (No React/Tailwind)

Frontendintermediate4 분 소요2026년 4월 20일

Dev.to

AI 생성물을 런타임 구조로 제어하는 4가지 엔지니어링 패턴 분석

Claude Design Looks Like AI Magic. Reading the Source, It's Four Engineering Patterns.

Frontendintermediate23 분 소요2026년 4월 19일

Dev.to

Astra Global Color Variable 리매핑을 통한 디자인 일관성 유지 Dark Mode 구현

A better way to implement dark mode in Astra theme

Frontendbeginner3 분 소요2026년 4월 17일

Dev.to

HTMX Partial Swap를 활용한 서버 사이드 Theme Switcher 구현

Solving Problems with HTMX - Theme Switcher

Frontendbeginner12 분 소요2026년 4월 13일

Dev.to

3-Layer Design Token 도입을 통한 CSS 유지보수 비용 95% 절감

3 layer of design token matter

Frontendintermediate5 분 소요2026년 4월 11일

Dev.to

개발자가 매 프로젝트마다 재작성하던 Dark Mode 로직을 DayniteJs 라이브러리로 재사용 가능한 솔루션으로 통합했다

I Built a Lightweight JavaScript Library for Dark/Light Mode — DayniteJs 🌗

Frontendbeginner4 분 소요2026년 4월 1일

Dev.to

Nuxt UI v4가 CSS 변수 기반 3계층 테마 아키텍처를 도입해 CSS 파일과 설정 파일만으로 전체 애플리케이션의 브랜딩을 재구성 가능

How to Build a Custom Theme in Nuxt UI v4

Frontendbeginner29 분 소요2026년 3월 24일