Medium

7 Practical Tips for Cheating at Design

Mỗi nhà phát triển web đều gặp tình huống phải đưa ra quyết định thiết kế giao diện, dù họ không phải designer chuyên nghiệp. Bài viết chia sẻ 7 mẹo thực tế để "lách luật" trong thiết kế khi thiếu nguồn lực chuyên môn.

Lập trình viên nên đọc bài này để học cách tối ưu hóa thiết kế UI/UX thông qua các kỹ thuật đơn giản mà không cần kiến thức thiết kế chuyên sâu, giúp họ tạo ra giao diện thân thiện và hiệu quả hơn ngay từ giai đoạn phát triển.

Why Great Design “Just Works”: 6 Visual Concepts Every Creator Should Know

Why Great Design “Just Works”: 6 Visual Concepts Every Creator Should Know Have you ever looked at a poster, an ad, or a brand identity and thought to yourself, "How does that just work?" It …

Last week in the studio (CW28-26)

Tuần trước, tôi bắt đầu thực hiện một dự án nhỏ cho Portico Investments, một công ty tư vấn đầu tư bất động sản, trước khi studio đóng cửa nghỉ lễ tháng Tám.

Lập trình viên nên đọc bài này để hiểu cách ứng dụng kiến thức kỹ thuật trong thực tế doanh nghiệp, từ đó nâng cao khả năng giải quyết vấn đề và hợp tác hiệu quả hơn trong các dự án thực tế.

Ghost Font: The Anti-AI Font Only Humans Can Read

Ghost Font is an experimental anti-AI font that encodes text using animated dot motion in video, making messages readable to humans but not to AI models. Unlike ZXX (a 2013 OCR-resistant font now easily read by modern AI), Ghost Font relies on motion rather than static visual obfuscation — a single video frame reveals nothing. It also embeds a decoy message to mislead AI agents that attempt motion analysis. The project explores the limits of AI visual perception, with potential applications in CAPTCHA systems and AI benchmarking. The creator plans to open-source the video generation code.

The Proportional Web

Hệ thống thiết kế Proportional Web áp dụng các nguyên tắc typography in ấn truyền thống (như căn lề đều, gạch nối, kích thước tỷ lệ dựa trên rem, kiểu chữ Alegreya duy nhất) vào tài liệu HTML5 ngữ nghĩa, nhằm tối ưu hóa trải nghiệm đọc cho các văn bản dài như blog, sách hay hướng dẫn. Dự án mã nguồn mở này tương thích với Pandoc và có sẵn trên GitHub.

Lập trình viên nên đọc để khám phá cách kết hợp kiến thức về thiết kế in truyền thống với CSS hiện đại để tạo ra giao diện web chuyên nghiệp, dễ đọc và phù hợp với các dự án nội dung dài như blog, sách điện tử hoặc tài liệu hướng dẫn.

Setting type like a printed page

A graphic designer with print roots walks through six CSS typographic controls that bring professional typesetting to the web: fluid type scales with clamp(), balanced headings via text-wrap: balance, widow prevention with text-wrap: pretty, drop caps using initial-letter, optical sizing with font-optical-sizing: auto, and hanging punctuation. Each technique is explained with its print origins, practical CSS code, browser support caveats, and a progressive enhancement strategy. The piece emphasizes that all controls ship off by default and degrade gracefully, requiring no JavaScript.

The footgun of right-to-left decorative characters

Khi dùng ký tự trang trí Unicode như Manichaean Punctuation Fleuron (𐫱) làm dấu phân cách trên web, thuật toán Bidirectional (Bidi) của Unicode có thể gây lỗi hiển thị do các ký tự này có thuộc tính right-to-left (RTL). Giải pháp là bọc ký tự trong thẻ <bdi> HTML, dùng CSS unicode-bidi: bidi-override, hoặc chèn U+200E LEFT-TO-RIGHT MARK ngay sau ký tự.

Lập trình viên nên đọc bài này để tránh lỗi không mong muốn khi sử dụng các ký tự trang trí theo chiều từ phải qua trái (RTL) trong giao diện web, vì chúng có thể gây sai lệch trong việc xử lý văn bản và số liệu xung quanh.