Chào các bạn! Chúng tôi nghĩ rằng bạn chắc chắn đã nhìn thấy những hiệu ứng văn bản ( text ) CSS nâng cao đã có hiện nay, chúng đang trở nên phổ biến một cách nhanh chóng và đang dần trở thành xu hướng tốt trong thiết kế web. Điều tốt nhất của những hiệu ứng này là nó có thể kết hợp với CSS thuần túy ( pure CSS ), không cần thay thế bằng hình ảnh làm cho trang web của bạn trở nên nặng nề và ì ạch. Trong bài viết này, thiết kế website Nghệ An Hà Tĩnh giới thiệu đến các bạn những bài hướng dẫn CSS hay nhất và các mẹo về kiểu chữ ( Typography ) mà chúng tôi đã tìm thấy và nghĩ rằng bạn nên tham khảo. Hãy xem hết bài viết và đánh dấu vào bookmark để lần tới khi bạn làm một thiết kế mới trong Photoshop với các hiệu ứng letterpress, shadow… bạn có thể tạo ra chúng chỉ với các đoạn mã thuần túy! Typography cũng đóng vai trò rất quan trọng trong việc thiết kế các trang web đẹp mắt. Vì vậy chúng tôi khuyên các bạn nên đọc càng nhiều bài viết hữu ích càng tốt. Hãy cùng thưởng thức và lấy cảm hứng cho các mẫu thiết kế web của bạn!

1. Tạo Ra Một Hiệu Ứng Letterpress với CSS Text-Shadow

2. Xoay Text với CSS

3. Hiển Thị Ngày Tháng với Kỹ Thuật Sprites

4. Hiệu ứng Text Gradient với CSS

5. Text Gradient với CSS

Một bài hướng dẫn tương tự về Text gradient, nhưng có lẽ bạn sẽ thích cả 2 thủ thuật để tìm hiểu hiệu ứng CSS Text gradient áp dụng vào công việc như thế nào.

6. Thêm Hiệu Ứng Grunge Cho Text Đơn Giản với CSS

Bài viết này được dựa trên các kỹ thuật như CSS Text gradient sử dụng nó để thêm các loại hiệu ứng grunge vào các kiểu chữ!

7. 2 Cách Đơn Giản Để Tạo Hiệu Ứng Chữ Dập Nổi ( Embossing Effect )

8. Chữ Dập Nổi với Kỹ Thuật CSS

9. Codename Rainbows

CSS đẹp & mã Javascript cung cấp bởi DragonInteractive hướng dẫn làm thể nào để phối 2 màu sắc vào hiệu ứng Text gradient, đổ bóng và làm nổi bật.

10. Đổ Bóng với CSS

11. Đổ Bóng Văn Bản ( Text-Shadow )

Tạo những hiệu ứng đẹp cho văn bản với CSS text-shadow. Bài viết rất chi tiết chỉ cho bạn rất nhiều lời khuyên làm thế nào để làm văn bản sáng hơn, dập nổi, đổ bóng chỉ với vài bước đơn giản.

12. Background gradient và CSS

Hiệu ứng nền ( background ) đẹp với CSS, có thể được áp dụng cho rất nhiều lựa chọn sử dụng nó theo một cách sáng tạo!

13. CSS Text-Shadow trong Safari, Opera, Firefox và Các Trình Duyệt Khác

14. Text-overflow

15. Thực Hiện sIFR3 vào Website Của Bạn

16. Sử Dụng Bất Cứ Font Nào Mà Bạn Muốn Với FLIR

17. Sử Dụng Các Thẻ Heading trong HTML

18. Những Kỹ Thuật Typography Nâng Cao Sử Dụng CSS

19. 10 Ví Dụ CSS Typography Đẹp và Làm Ra Chúng Như Thế Nào

Bài viết giải thích đơn giản nhưng rất hiệu quả những thủ thuật CSS như thế nào để có được những hiệu ứng Kiểu Chữ ( Typography ) đẹp chỉ với một vài dòng lệnh.

20. Typographic Contrast và Flow

Nick La chỉ chúng ta làm thế nào để áp dụng đúng những cái tương phản ( contrast ) và dòng chảy ( flow ) trong mẫu thiết kế web của bạn giải thích lý do tại sao và những việc phải làm và làm như thế nào để có được hiệu ứng đó.

21. Những Yếu Tố của Phong Cách Typographic Áp Dụng Trong Thiết Kế Web

22. 5 Nguyên Tắc và Ý Tưởng trên Web