[AI 시대, 리팩터링은 더 이상 노가다가 아니다
AI와 Codemod(jscodeshift)를 활용해 대규모 리팩터링을 효율적으로 수행한 사례를 소개. Deprecated Typography 컴포넌트를 새 Design System으로 자동 변환하여 코드 일관성과 온보딩 경험을 개선했다.
[AI 시대, 리팩터링은 더 이상 노가다가 아니다
AI와 Codemod(jscodeshift)를 활용해 대규모 리팩터링을 효율적으로 수행한 사례를 소개. Deprecated Typography 컴포넌트를 새 Design System으로 자동 변환하여 코드 일관성과 온보딩 경험을 개선했다.
𝗕𝗿𝗶𝗖𝗦𝗦:
https://thewhale.cc/posts/bricss
BRiCSS is a low-level CSS library generator that is simple and customizable. It allows users to create a tailored CSS file library based on a JSON file. BRiCSS is designed to be a simple CSS abstraction using abbreviations of CSS class names and attributes. It is intended to be integrated into a design system.
#Design #Techniques
Design system accessibility checks · Five key tests to run on every component https://ilo.im/169mxi
_____
#Accessibility #WCAG #ScreenReader #Keyboard #Zoom #DesignSystem #DesignTokens #Development #WebDev #Frontend
Dembrandt - Aspirez le design system de n'importe quel site en une commande
https://fed.brid.gy/r/https://korben.info/dembrandt-extraction-design-system-cli.html
Public Sans – A strong, neutral typeface
https://public-sans.digital.gov/
#HackerNews #PublicSans #Typeface #NeutralDesign #Typography #OpenSource #DesignSystem
Good :blobcat:
This might appear a bit chaotic, as the SplashScreen is a unique spot for testing the new architecture. 🌟
I aim to break from norms to find better solutions. 💡
I'm also gradually researching how I want to organize a Design System. 🧐
「[監察委員]葉大華表示,台灣雖已簽署《聯合國標誌與號誌公約》,但長期以來未完全依照該公約規定設計交通標誌,導致部分符號語言、色彩與國際慣例不同,造成外籍人士除因語言障礙外,也有理解困難的問題。」
台灣公務體系長久以來就沒有在實踐 design system,cyber 如此,physical 如此。
“A new (or rather, old) approach to typography on the web” by Alvin Leung, Taha Hossain, Shen Gao, Ben Giannis and Rafi Rizky
🔗 https://www.daybreak.studio/writing/adaline-typography
> The strongest type systems are opinionated. They respond thoughtfully to the environment they inhabit, carrying a voice that cannot be captured by easy standardization. Crafted with care, they open a rich visual dialogue between words, meaning, and the reader.
#Web #typography #CSS #DesignSystem
⚓️ https://nicolas-hoizey.com/links/2025/12/03/a-new-or-rather-old-approach-to-typography-on-the-web/
"We created a new Design System to help deliver a better user experience for our internal and external users, as well as providing for more efficient digital change."
https://design.scotentblog.co.uk/our-first-design-system-site/
Nếu bạn đang ôn phỏng vấn Design System FAANG, hãy tham gia nền tảng luyện tập mới! Giải pháp thay thế ChatGPT với đợt kiểm tra nhiều giai đoạn, chấm điểm chi tiết (đúng/sai/cải tiến) và bài tập nâng cao. Đăng ký để trải nghiệm miễn phí - cùng thử thách tư duy quy mô hệ thống. #DesignSystem #PhongVanFAANG #HocTapSieuMac #SystemDesign #TechInterview #LearningPlatform
(NOTE: The content is a personal project announcement for a system design interview practice tool, seeking users. It adds value
OKLCH in CSS: why we moved from RGB and HSL
“A new (or rather, old) approach to typography on the web” by Alvin Leung, Taha Hossain, Shen Gao, Ben Giannis and Rafi Rizky
🔗 https://www.daybreak.studio/writing/adaline-typography
> The strongest type systems are opinionated. They respond thoughtfully to the environment they inhabit, carrying a voice that cannot be captured by easy standardization. Crafted with care, they open a rich visual dialogue between words, meaning, and the reader.
#Web #typography #CSS #DesignSystem
⚓️ https://nicolas-hoizey.com/links/2025/12/03/a-new-or-rather-old-approach-to-typography-on-the-web/
Auditing - The Forgotten Step in Design Systems. Optimize it for consistency, usability, and scale. | by Murali | Design Systems Collective
https://www.designsystemscollective.com/auditing-the-forgotten-step-in-design-systems-8ea5f4106828
As a public servant, I write weekly notes to let people see what I do.
Supporting the cross-gov’t identity & #designSystem since April, I co-hosted a 2h session with public servants from all over Germany.
I also co-ran an int’l #govDesign call & visited the team responsible for identity components
Week #187 at the Digital Servi...
Design System Documentation Nobody Hates: Tools, Templates & Real Examples | by Roberto Moreno Celta | Nov, 2025 | Design Systems Collective
Design systems as a competitive advantage | by Vasil Hodzhev | Nov, 2025 | Medium
https://medium.com/@vasilhodzhev/design-systems-as-a-competitive-advantage-5f45e3e7ccc9
Công cụ Compono sắp ra mắt, giúp ngăn chặn sự phức tạp của thiết kế hệ thống. Compono là một trình biên dịch thiết kế hệ thống với thư viện thành phần tùy chỉnh, cho phép nhà phát triển và nhà thiết kế hợp tác hiệu quả. #Thiết_kế_hệ_thống #Compono #DesignSystem #UX #UI #Thiết_kế_web #Phát_triển_web #Công_cụ_thiết_kế
https://www.reddit.com/r/SideProject/comments/1p1madc/design_systems_keep_drifting_im_building/
Slots in Design Systems. Improving flexibility through custom… | by Nathan Curtis | Nov, 2025 | Medium
https://medium.com/@nathanacurtis/slots-in-design-systems-f53698c2d745