Projects
Projects
Notes
Notes
Links
Links
Notes
© 2026 Ahmad Zakiy. All rights reserved. Built with
Vibe coding
Vibe coding
articles
1. Ten Things We Know to be True
1. Ten Things We Know to be True
2. Why Software Is Eating the World
2. Why Software Is Eating the World
3. How Browsers Work
3. How Browsers Work
4. Web Performance 101
4. Web Performance 101
5. What is Token Economy?
5. What is Token Economy?
6. Introduction to Web3
6. Introduction to Web3
7. Thinking in React
7. Thinking in React
8. Anatomy of a Typed React Component
8. Anatomy of a Typed React Component
9. Why React Query
9. Why React Query
10. Build Your Own React
10. Build Your Own React
11. CSS Architecture for Design Systems
11. CSS Architecture for Design Systems
12. CSS Utility Classes and Separation of Concerns
12. CSS Utility Classes and Separation of Concerns
13. Reimagine Atomic CSS
13. Reimagine Atomic CSS
14. Ten Usability Heuristics for User Interface Design
14. Ten Usability Heuristics for User Interface Design
15. Design Elements and Principles
15. Design Elements and Principles
16. The Paradox of Design Systems
16. The Paradox of Design Systems
17. Frameworks without the Framework
17. Frameworks without the Framework
18. The Story of Figma
18. The Story of Figma
19. WebAssembly Cut Figma's Load Time by 3x
19. WebAssembly Cut Figma's Load Time by 3x
20. UX Engineering
20. UX Engineering
21. The Elements of UI Engineering
21. The Elements of UI Engineering
22. Meaningful Motion with Action-Driven Animation
22. Meaningful Motion with Action-Driven Animation
23. Let's Learn About Waveforms
23. Let's Learn About Waveforms
24. Product Engineers
24. Product Engineers
25. Understanding AI
25. Understanding AI
26. The Prompt Engineering Playbook for Programmers
26. The Prompt Engineering Playbook for Programmers
27. Building Effective Agents
27. Building Effective Agents
28. MCP Explained
28. MCP Explained
29. How Modern Browsers Work
29. How Modern Browsers Work
30. Web Interface Guidelines
30. Web Interface Guidelines
31. Why I'm Leaving Design
31. Why I'm Leaving Design
websites
1. Nissan Heritage Collection
1. Nissan Heritage Collection
2. Sony Design Gallery
2. Sony Design Gallery
3. Casio Vintage Watches
3. Casio Vintage Watches
4. Laws of UX
4. Laws of UX
5. Design Systems Gallery
5. Design Systems Gallery
tools
1. Notion
1. Notion
2. Figma
2. Figma
3. tldraw
3. tldraw
4. JSON Crack
4. JSON Crack
5. Transform Tools
5. Transform Tools
6. CSS Grid generator
6. CSS Grid generator
7. Tailwind CSS
7. Tailwind CSS
8. Radix UI
8. Radix UI
9. Shadcn UI
9. Shadcn UI
10. Motion
10. Motion
11. v0
11. v0
