Các thuộc tính con trỏ chuột (cursor) trong CSS

Thuộc tính trỏ chuột quyết định cách hiển thị của con trỏ khi nó di qua một thành phần nào đó. Thực sự thì đến bài này tôi mới biết là có nhiều hiệu ứng trỏ chuột đến vậy trong CSS. Bạn muốn biết ngay không, thế thì dưới đây là tên của các thuộc tính đó, bạn cứ di chuột qua từng từ để thấy con trỏ chuột thay đổi như thế nào nhé. Tất nhiên, hiệu ứng con trỏ chuột chỉ thấy rõ trên máy bàn: autoaliascrosshaircol-resizedefaulte-resizehelpmoven-resizene-resizenw-resizenot-allowedno-droppointerprogressrow-resizes-resizese-resizesw-resizetextw-resizewait Code mẫu: Từng hiệu ứng con trỏ chuột có các ứng …

Đọc thêm

Danh mục CSS

Cách dùng ảnh background cho website (phần lý thuyết)

Ảnh nền luôn là thành phần chính đối với các thiết kế website tốt. Các thiết kế hiện đại có xu hướng nhấn mạnh đến chúng nhiều hơn. Chúng ta giờ không chỉ muốn thấy nội dung, mà còn muốn cung cấp các phân tách thị giác khác nhau cho các phần đa dạng trong trang nữa. Khi sử dụng ảnh làm nền cho website, tốt nhất là chọn nó thật cẩn thận. Lựa chọn sai lầm có thể làm mất thông điệp của bạn, chưa kể đến khả năng ảnh hưởng tiêu cực đến khả năng tiếp cận (accessibility). …

Đọc thêm

Thẻ radio button và checkbox trong HTML

Thực ra chúng đều thuộc về nhóm thẻ input nhưng có thuộc tính type là radio button và checkbox. Nhóm thẻ input là không thể thiếu khi muốn làm form nhập liệu và chúng thường xuyên kết hợp với Javascript để validate (xác thực các trường dữ liệu). Bên cạnh 5 type rất hay dùng gồm: text, password, submit, reset và email thì 2 type chuyên dụng để tạo các lựa chọn là Radio button và Checkbox bạn cũng cần nắm rõ. Radio button Type này được dùng để chọn một trong nhiều lựa chọn, chẳng hạn chọn giới tính, chọn quốc gia …

Đọc thêm

Một ví dụ về bảng biểu ECharts ưa thích của tôi

Bảng biểu tạo bằng thư viện JS ECharts rất đẹp mắt, bản thân nó cũng có tính năng responsive rồi. Tuy nhiên chúng ta cần chỉnh sửa các cài đặt sao cho phù hợp. Mục đích là để tạo bố cục hợp lý, thuận mắt trên cả giao diện di động lẫn máy bàn. Việc tích hợp này là rất quan trọng để tận dụng được hình thức nổi bật của ECharts. Sự thực vấn đề thường nằm ở giao diện di động, vì màn hình lớn đồ thị thường không gặp vấn đề cản trở nào, nhưng với màn …

Đọc thêm

Đánh giá công cụ gợi ý tên miền NameMesh

So với công cụ gợi ý tên miền kiểu cổ điển Lean Domain Search thì NameMesh mang phong cách hiện đại hơn hẳn, cả về giao diện thiết kế lẫn các tính năng. Ngay trang chủ, ở phía bên dưới NameMesh giới thiệu các cách gợi ý tên miền mà họ áp dụng. A. Phổ biến Kiểm tra các đuôi tên miền cấp cao nhất phổ biến xem có còn hay không như .com, .net, .org. Họ cũng kiểm tra phiên bản có dấu gạch ngang. Phiên bản có gạch ngang nói chung không phải là tên miền đẹp nhưng tiếng …

Đọc thêm

Vì sao kiểm tra website trên nhiều kiểu trình duyệt khác nhau lại quan trọng?

Thuật ngữ tiếng Anh là cross browser testing. Nó liên quan đến việc so sánh và phân tích giao diện, tính năng (gọi chung là hành vi) của trang web trên nhiều môi trường trình duyệt khác nhau. Nó giúp bạn đảm bảo được rằng, trang web mà bạn dày công thiết kế với bao nhiêu ước mơ và hy vọng đem lại được trải nghiệm người dùng tối ưu, ít phụ thuộc nhất có thể vào trình duyệt mà user dùng để truy cập. Dưới đây là các thông tin bạn cần biết để hiểu rõ hơn về browser …

Đọc thêm

Đánh giá công cụ gợi ý tên miền Lean Domain Search (LDS)

Nghĩ được tên miền hay chẳng phải là việc dễ dàng gì. Nó thực ra là trăn trở về thương hiệu. Có thể bạn đã chọn được tên đẹp, thậm chí rất đẹp nhưng… Nó đã bị đăng ký rồi! Nhất là đuôi .com, vì đây là TLD được yêu thích nhất, lâu đời nhất và cực kỳ dễ mua nếu chưa ai mua! Giờ có thể bạn cần các ý tưởng mới. Bí mà! Khi ấy các công cụ gợi ý tên miền rất hữu ích. Hôm nay chúng ta sẽ đánh giá công cụ gợi ý tên miền có …

Đọc thêm

Sự khác biệt giữa inline, block và inline-block là gì?

Khi chúng ta viết HTML và CSS thì mấy thuật ngữ như block, inline và inline-block có thể gây bối rối, nhưng chúng lại rất quan trọng nếu bạn muốn căn chỉnh bố cục trang! Lơ tơ mơ về mấy thứ căn bản này sẽ làm chúng ta cảm thấy cực kỳ vất vả khi muốn các vị trí trên trang đặt đúng nơi mình muốn. Hoặc ngay cả khi đặt được đúng vị trí rồi, có thể bạn vẫn lăn tăn không ổn, vì không hiểu rõ mình vừa làm điều gì. Bên dưới đây chúng ta sẽ xem …

Đọc thêm

Danh mục CSS

Căn giữa Form trong CSS

Mấy hôm trước khi tôi viết bài về căn giữa văn bản trong CSS, định tích hợp luôn phần này vào, vì input và button thường cũng gồm văn bản luôn, không hiếm trường hợp phải căn giữa, đặc biệt trên các giao diện dành riêng cho tìm kiếm, hoặc search bar chiếm vị trí quan trọng trên website. Tuy nhiên nghĩ lại thì tách ra hợp lý hơn, điều đầu tiên là vì form dù bao gồm chữ, nhưng nó khác nhiều các thẻ bao chữ khác như a, p, h, ul li, ol li. Cụ thể form có …

Đọc thêm

Danh mục CSS

Làm chủ thuộc tính Width trong CSS

Width là một trong các thuộc tính quan trọng nhất trong CSS, nó chỉ đến chiều rộng của phần tử. Bất cứ thiết kế nào hiện nay cho web, đều đặc biệt quan tâm đến responsive, khả năng thích ứng với nhiều kích thước thiết bị của người dùng cuối, và cái này về bản chất là điều chỉnh width chung của giao diện và các phần tử liên quan sao cho phù hợp. Có ba thuộc tính mà ta sẽ thường dùng, đó là: auto: chiều rộng của thẻ được thiết lập tự động; giá trị cố định: chiều …

Đọc thêm

Danh mục CSS