Tối ưu font tùy chỉnh với @font-face

@font-face rất hợp nếu bạn muốn tạo phong cách riêng cho trang, mặc dù hiện nay các font tùy chỉnh cho tiếng Việt vẫn hạn chế về tính ứng dụng thực tế, nhưng cũng đã khá hơn nhiều so với cách đây vài năm. Và nhìn chung đối với các văn bản ngắn bạn có rất nhiều lựa chọn. Một nguồn miễn phí đáng tin cậy để tải các font tùy chỉnh hỗ trợ tốt tiếng Việt là Google Fonts. Bạn có thể sử dụng tính năng lọc ở trên cùng (ví dụ theo category) để nhanh chóng tìm ra …

Đọc thêm

Tìm hiểu về font cho web (hướng dẫn từ Mozilla)

Trong phần đầu của bài, chúng ta sẽ khám phá các tính năng cơ bản dành cho việc định kiểu font và văn bản. Càng về sau, bài viết sẽ đi vào chi tiết và nâng cao hơn. Chúng ta sẽ học cách sử dụng font tùy chỉnh (custom fonts) để cho phép bạn khả năng có được sự đa dạng về kiểu dáng của văn bản. Tóm tắt về font-family Thuộc tính font-family được sử dụng để điều chỉnh văn bản trong HTML. Nó có thể lấy một hoặc nhiều tên font-family. Khi hiển thị một trang web, trình …

Đọc thêm

Mẹo với @font-face: định nghĩa font-weight và font-style để giữ CSS của bạn đơn giản hơn

Khi chúng ta sử dụng @font-face để nhúng font vào website, mà bản thân font đó có một số weight (độ đậm nhạt, light, bold,…) và style (nghiêng, italic) khác nhau thì CSS của bạn có thể trông rối nếu bạn không định nghĩa những weight và style này trong khai báo (declarations) của @font-face. Không may là một số hướng dẫn và các dịch vụ nhúng font lại không làm tốt điều này. Khao báo nhiều tên font-family cho cùng một kiểu font sẽ làm CSS của bạn trở nên phức tạp OK, giờ chúng ta sẽ xem vấn …

Đọc thêm

Đoạn mã JavaScript tự động thay đổi ảnh nền background dựa vào ngày hiện tại

Trong thiết kế giao diện website, sử dụng ảnh nền là một trong những cách đơn giản và hiệu quả nhất để tạo hiệu ứng thẩm mỹ ấn tượng cho website. Chọn được ảnh nền phù hợp bạn sẽ biến một giao diện trông ổn thành cá tính. Tuy nhiên con người cũng không thích sự đơn điệu, ảnh đẹp nhìn mãi cũng chán, nếu bạn muốn ảnh nền của website tự động đổi sang một ảnh khác dựa vào ngày hiện tại thì bài viết này sẽ giúp bạn. Ưu điểm của cách trên là người dùng sẽ không …

Đọc thêm

Google Penguin là gì? Và nó ảnh hưởng thế nào đến kết quả tìm kiếm?

Google Penguin được phát hành lần đầu vào ngày: 24, tháng 4, năm 2012 Theo chân thuật toán Panda, bản cập nhật Penguin được công bố bởi Google trong nỗ lực mới của họ nhằm tưởng thưởng cho các website chất lượng cao và ngược lại, làm giảm bớt sự hiện diện của các website thao túng sơ đồ liên kết (manipulative link schemes) và nhồi nhét từ khóa (keyword stuffing) trên trang kết quả tìm kiếm. Bản phát hành lần đầu của Penguin ảnh hưởng đến 3,1% các truy vấn sử dụng tiếng Anh. Trong khoảng thời gian từ …

Đọc thêm

Google Panda là gì? Thuật toán này giúp cải thiện chất lượng tìm kiếm như thế nào?

Ngày phát hành lần đầu (initial release date): 23, tháng 2, năm 2011 Mục đích của cập nhật thuật toán Google Panda là thưởng cho các website chất lượng cao và làm giảm sự hiện diện của các website chất lượng thấp trong kết quả tìm kiếm tự nhiên của Google. Nó còn được biết đến với tên gọi ban đầu là “Farmer/Người nông dân”. Theo Google, triển khai lần đầu của Panda qua vài tháng đã ảnh hưởng đến 12 phần trăm các kết quả tìm kiếm bằng tiếng Anh. Chúng tôi (Moz) ghi nhận 28 lần cập nhật …

Đọc thêm

Lỗi vòng lặp trong JS

Vòng lặp trong JS nói riêng và trong ngôn ngữ lập trình nói chung có cấu trúc như thế này: (điều kiện) {thỏa mãn điều kiện thì làm việc abc xyz; làm điều gì đó để thay đổi điều kiện} Nếu không thỏa mãn điều kiện thì không làm gì (tức là không làm việc abc xyz). Ví dụ về vòng lặp for: Điều kiện: i khởi đầu bằng 0, và phải nhỏ hơn 10; Thay đổi điều kiện là sau mỗi vòng lặp, i tăng lên một đơn vị, thể hiện bằng câu lệnh i++ text += i + …

Đọc thêm

Vài kinh nghiệm thiết kế web đơn giản

Tôi đang làm một ứng dụng trên nền tảng web, dù khá đơn giản nhưng trong quá trình làm cũng vỡ ra được nhiều điều- bài viết này tôi sẽ chia sẻ một số trải nghiệm đó. Đừng đợi (cảm thấy) giỏi rồi mới viết Đây có lẽ là vấn đề với không ít người, chúng ta thường nghĩ mình chưa đủ giỏi để viết một cái gì đó mà chúng ta thực sự muốn. Thực tế là đúng phần nào, bạn sẽ cần đến ngưỡng nào đó để bắt đầu viết một ứng dụng chuyên sâu, làm thuê cho …

Đọc thêm

Thực hành viết hàm trong JavaScript

Hôm nay chúng ta sẽ thực hành viết các hàm JS đơn giản, qua đó sẽ cải thiện dần khả năng tạo các hàm phức tạp hơn. Bài toán 1: nhập vào ba số chỉ độ dài, hãy xem nó có phải là ba độ dài của một cạnh tam giác không? Cách giải: ba độ dài a, b, c chỉ tạo được thành hình tam giác nếu ba điều kiện sau đồng thời thỏa mãn: a + b > c b + c > a a + c > b Như vậy chúng ta sẽ sử dụng đến câu …

Đọc thêm

Code chống copy, click chuột phải và ctrl + u, song kiếm hợp bích CSS và JavaScript

Ngăn thao tác quét bài viết là cách chống copy đơn giản nhưng khá hiệu quả. Tuy nó không chống lại được các đối tượng sao chép có chuyên môn về công nghệ thông tin, nhưng với các đối tượng copy thông thường thì rất hữu hiệu. Trong bài viết này Kiến càng sẽ “song kiếm hợp bích” cả 2 biện pháp là sử dụng CSS kết hợp với JavaScript. Bạn chỉ cần đưa đoạn code sau vào trước thẻ đóng </head> của mẫu HTML trang web của bạn là thành công: Nếu bạn muốn chống thêm cả thao tác …

Đọc thêm