css

Tôi tiếp tục giới thiệu với các bạn một CSS framework khác đó là Shoelace.css. Nếu các bạn đã sử dụng qua Bootstrap, UIkit hay Metro thì các bạn hoàn toàn dễ dàng làm quen với Shoelace.css. CSS framework Shoelace.css cũng cung cấp các thành phần dùng để xây dựng giao diện website như grid...

Hiện nay có rất nhiều thư viện CSS và JavaScript dùng để xây dựng giao diện website, hầu hết các thư viện đều hỗ trợ tạo ra nhiều thành phần khác nhau như button, form, table, card,... Tuy nhiên, hầu hết các thư viện đều cung cấp rất nhiều thành phần mà ít khi các bạn dùng tới, nhất là đối với...

Thiết kế giao diện website các bạn sẽ nghĩ tới Bootstrap, UIkit, Metro hay cao cấp hơn có thể là React, Angular,... Với sự hỗ trợ của các thư viện này, các bạn sẽ dễ dàng thiết kế hoàn chỉnh giao diện website cũng như việc quản lý mã lập trình trở nên tốt hơn. Bài viết này tôi sẽ giới thiệu với...

Button là thành phần không thể thiếu trên bất kỳ website nào, trên các website khác nhau các bạn sẽ thấy nhiều kiểu button được thiết kế khác nhau, bên cạnh đó hiệu ứng trên các button cũng là một cách nhấn mạnh vai trò quan trọng của nó. Bài viết này tôi sẽ hướng dẫn các bạn tạo hiệu ứng khi...

Tôi đã hướng dẫn các bạn tạo biểu tượng loading bằng CSS ở bài viết "Tạo biểu tượng loading đẹp mắt bằng CSS". Bài viết này tôi tiếp tục hướng dẫn các bạn tạo thêm hai biểu tượng loading khác cũng chỉ bằng vài dòng mã lệnh CSS đơn giản. Tất cả các biểu tượng loading tôi hướng dẫn ở cả hai bài...

Hiện nay có nhiều thư viện hỗ trợ việc tạo biểu tượng với hiệu ứng loading, tuy nhiên các thư viện này thường nặng nề hơn so với những gì mà nó làm được. Vì vậy, nếu các bạn có kinh nghiệm tốt về CSS thì các bạn hoàn toàn có thể tự tạo ra các biểu tượng loading chỉ bằng vài dòng mã lệnh CSS đơn...

Hiện nay, để thiết kế giao diện website đa phần các bạn đều sử dụng CSS framework và cũng có nhiều CSS framework để phục vụ các bạn, một trong số các CSS framework phổ biến nhất hiện nay phải kể đến là Bootstrap, UIkit, Metro... Các CSS framework này đáp ứng gần như toàn bộ các yêu cầu thiết kế...

Nói về CSS framework thì chắc chắn các bạn đều biết đến Bootstrap, đây là một CSS framework rất nổi tiếng được rất nhiều các bạn thiết kế website sử dụng để dựng giao diện. Ngoài Bootstrap thì còn nhiều CSS framework khác như UIkit hay Metro, bài viết này tôi tiếp tục giới thiệu với các bạn một...

Khi các bạn nhúng các tập tin thư viện CSS và JavaScript vào website, các bạn thường chọn các tập tin đã được nén giảm dung lượng tới mức thấp nhất. Thực chất của việc nén giảm dung lượng này đó chính là xoá bỏ các khoảng trắng, các ký tự xuống dòng, rút gọn tên các biến, các hàm... Nếu các bạn...

Với sức mạnh của CSS3 các bạn có thể dễ dàng tạo ra nhiều hiệu ứng hoạt hình mà không cần phải dùng tới hình ảnh hay JavaScript. Các hiệu ứng hoạt hình như hiệu ứng loading, nhấp nháy... sẽ tạo điểm nhấn cho website, góp phần làm cho website trở nên chuyên nghiệp hơn. Bài viết này tôi giới thiệu...

Trên các website đẹp, ngoài nội dung thì hình ảnh là một phần không thể thiếu, vì vậy các hiệu ứng với hình ảnh thường được các bạn lập trình viên quan tâm. Việc tạo ra các hiệu ứng đẹp cho hình ảnh giúp cho website trở nên chuyên nghiệp hơn. Hiện nay có rất nhiều cách để tạo hiệu ứng cho hình...

Tính thẩm mỹ của website là một yếu tố quan trọng giúp cho website đạt được thành công, tất nhiên đây không phải là yếu tố quyết định mà hiệu suất, nội dung và nhiều yếu tố khác kết hợp mới tạo nên sự thành công cho một website. Về mặc thẩm mỹ hiện nay các bạn có thể thiết kế ra nhiều kiểu mẫu...

Với sự phổ biến của các CSS framework hiện nay, công việc thiết kế các giao diện website bằng HTML với CSS ngày càng trở nên nhẹ nhàng và nhanh chóng hơn rất nhiều. Mỗi một CSS framework có một đặc điểm, giao diện riêng, tuỳ vào yêu cầu thiết kế mà các bạn chọn cho mình một CSS framework phù...

Hiện tại CSS đã có phiên bản 4 nhưng chưa chính thức, phiên bản CSS được sử dụng nhiều nhất hiện nay vẫn là CSS 2. Tuy nhiên, với sự phát triển của công nghệ web hiện nay, CSS 3 đang dần trở nên chiếm lĩnh thị phần và sắp tới sẽ là phiên bản CSS 4. Tuy nhiên, với số lượng các quy tắc mà CSS cung...

Tôi đã giới thiệu với các bạn nhiều thư viện CSS dùng để xây dựng bố cục website bao gồm cả các thư viện đơn giản cho tới các thành phần trong các CSS framework. Bài viết này tôi tiếp tục giới thiệu với các bạn một thư viện tương tự đó là Smart CSS Grid. Thư viện Smart CSS Grid là một bộ CSS nhỏ...

Instagram là một mạng xã hội hình ảnh lớn nhất hiện nay thuộc quyền sở hữu của Facebook. Mạng xã hội Instagram chứa tới hàng tỉ hình ảnh do người dùng tải lên, mỗi hình ảnh người dùng có thể áp dụng nhiều hiệu ứng khác nhau tạo ra sự khác lạ cho hình ảnh, từ hình ảnh màu các bạn có thể chuyển...

Hiện nay có nhiều CSS framework giúp các bạn lập trình viên front-end thiết kế giao diện một cách nhanh chóng. Trong các CSS framework đó luôn luôn có một thành phần quan trọng đó là các lưới (Grid) dùng để trình bày bố cục website. Thành phần này được xem là quan trọng bởi bất kỳ website nào...

Mặc định các trình duyệt khác nhau tạo ra một kiểu dáng form khác nhau và thật sự là không được đẹp. Nếu các bạn muốn tạo ra một form có kiểu dáng đồng nhất trên mọi trình duyệt từ máy tính, máy tính bảng cho tới điện thoại di động thì các bạn có thể viết CSS tuỳ chỉnh. Tuy nhiên, các bạn có thể...

Khi truy cập website các bạn sẽ cần một khoảng thời gian nhỏ để trang web hiển thị toàn bộ nội dung trên trình duyệt, trong khoảng thời gian chờ đợi này nhiều website thiết kế các biểu tượng chuyển động hoạt hình vừa giúp người dùng biết tình trạng tải trang cũng như tạo cảm giác mọi thứ đều...

Nếu các bạn đang cần tìm một thư viện CSS trình diễn các hiệu ứng hoạt hình chuyên nghiệp thì có lẽ các bạn không thể bỏ qua thư viện WickedCSS Animations. Đây là bộ thư viện được viết hoàn toàn bằng CSS với rất nhiều hiệu ứng đẹp mắt. Các chuyển động hoạt hình đều rất mượt, tạo cảm giác tự...