The classic CSS blog — home of the widely cited Flexbox and Grid guides
DesEngs
A curated directory for design engineers — articles, component libraries and tools sorted by what you want to do
Content updated · 2026-09-20
What is it · 它是什么
What is DesEngs?
DesEngs is a resource directory for design engineers (the design × frontend crossover role): 100+ curated links covering articles, tutorials, open-source component libraries, small tools, jobs and blogs, organized by action — Read/Watch/Use/Build/Learn — plus a random-jump feature for serendipitous discovery. Actively maintained. To systematically level up in design engineering, walking its categories end to end is an efficient path.
How to use · 怎么用
How to use DesEngs
- Find resources by intent: Read for articles, Use for tools, Build for component libraries.
- Use the random-jump feature to surface hidden gems.
- Follow its Substack newsletter for updates.
Key features · 核心特点
Key features of DesEngs
- Focused on the design-engineer crossover role
- Organized by action (Read/Watch/Use/Build/Learn)
- 100+ curated entries, actively maintained
- Free, with a random-explore twist
Related sites
A free coding education platform — learn by building projects, with free certifications along each track
Real design challenges to sharpen your front-end skills — well suited for portfolio-worthy practice