css

Các button mà các bạn thiết kế trong các form nhập liệu hay bất kỳ đâu cũng sẽ trở nên thu hút hơn nếu nó được thiết kế đi kèm với các hiệu ứng khi hover. Bài viết này tôi sẽ giới thiệu với các bạn thư viện Hover Buttons dùng để tạo hiệu ứng khi hover lên button. Hover Buttons là một thư viện...

Nếu các bạn muốn thiết kế hiệu ứng hover kèm với nội dung cho hình ảnh hay đối tượng bất kỳ thì thư viện Simple Hover là một sự lựa chọn tốt. Tên gọi của thư viện đã cho biết việc sử dụng rất đơn giản, chỉ với vài khai báo mã lệnh HTML là các bạn đã có thể tạo hiệu ứng hover. Hiện tại, thư viện...

Thư viện Bootstrap đã quá quen thuộc với các bạn thiết kế giao diện website và Bootstrap cũng là một trong các thư viện CSS được sử dụng nhiều nhất hiện nay. Với sự phổ biến cũng như sức mạnh của mình, Bootstrap nhận được sự qua tâm, đóng góp của nhiều lập trình viên bằng các thư viện mở rộng hỗ...

Tôi đã giới thiệu với các bạn thư viện tạo hiệu ứng hover Direction Reveal ở bài viết "Tạo hiệu ứng hover nội dung với thư viện Direction Reveal", bài viết này tôi tiếp tục giới thiệu với các bạn thư viện khác đó là Mocassin.css. Thư viện Mocassin.css cung cấp rất nhiều hiệu ứng đẹp được phân...

Trên một website sẽ có rất nhiều hiệu ứng được tạo ra bởi CSS và JavaScript, trong đó hiệu ứng hover có lẽ là hiệu ứng được sử dụng nhiều nhất. Các bạn sẽ thấy hiệu ứng hover lên các liên kết, văn bản, hình ảnh hay một khối nội dung. Bài viết này tôi giới thiệu với các bạn thư viện Direction...

Nếu các bạn muốn thiết kế các hiệu ứng khi hover lên hình ảnh, đối tượng nào đó thì các bạn có thể tham khảo các hiệu ứng của thư viện Izmir. Với tôi, các hiệu ứng hover mà thư viện Izmir thiết kế thật sự rất đẹp mắt, tạo cảm giác chuyên nghiệp. Tất cả các hiệu ứng được thiết kế chuyển động rất...

Khi viết nội dung email, đặc biệt là các email tiếp thị sản phẩm, dịch vụ thì việc có một email được trình bày đẹp, sinh động là rất quan trọng. Bản chất của nội dung email cũng là HTML nên các bạn có thể sử dụng CSS để thiết kế nội dung email đẹp mắt hơn. Tuy nhiên, đôi lúc việc nhúng CSS vào...

CSS framework Baseguide là một framework nhỏ với vài thành phần cơ bản giúp tạo bố cục, danh sách, bảng, form và một số các CSS trợ giúp thiết kế nhanh giao diện website. Baseguide phù hợp với các website nhỏ, ví dụ như trang hướng dẫn sử dụng, tài liệu,... Mặc dù vậy, các thành phần mà...

Nếu các bạn đang cần một thư viện CSS có thiết kế phẳng thì siimple là sự lựa chọn tốt hiện nay. Cũng giống như Bootstrap hay các CSS framework khác, siimple cung cấp các thành phần giúp các bạn xây dựng bố cục, các thành phần cơ bản như button, form, card, list, menu,... Cách sử dụng siimple...

CSS framework turretcss là một thư viện rất hữu ích dành cho các bạn thiết kế giao diện website. Với nhiều thành phần được cung cấp sẽ giúp cho việc thiết kế giao diện website trở nên dễ dàng, nhanh chóng hơn. Đặc điểm đáng chú ý của thư viện turretcss đó là nó được viết hoàn toàn bằng CSS với...

Nếu các bạn đang tìm kiếm một thư viện CSS nhỏ gọn nhưng cung cấp đầy đủ các thành phần cơ bản để xây dựng giao diện website thì Concise CSS là một sự lựa chọn tốt. Không giống như Bootstrap hay các CSS framework khác, Concise CSS chỉ là một thư viện CSS đơn giản, cung cấp các thành phần để xây...

Hiện nay, Bootstrap đang là một CSS framework được sử dụng phổ biến nhất, gần như hầu hết các ứng dụng web sử dụng Bootstrap làm thư viện chính để thiết kế giao diện. Sức mạnh của Bootstrap là điều chắc chắn lập trình viên nào cũng công nhận nhưng nó không phải là thư viện bắt buộc phải có, và...

Hiệu ứng loading hiện nay rất hay được sử dụng trên các website, mục đích chính của nó là thông báo cho người dùng biết tiến trình đang được xử lý và khuyên người dùng chờ đợi. Ngoài ra, hiệu ứng loading còn giúp cho website trở nên đẹp hơn, chuyên nghiệp hơn, giúp website tương tác tốt với...

Tiếp tục là một thư viện CSS để thiết kế giao diện website, lần này là RaisinCSS. Mỗi thư viện CSS có một ưu điểm khác nhau, có thư viện cung cấp nhiều thành phần, có thư viện ít thành phần nhưng nhiều tuỳ chọn cho mỗi thành phần. Tuỳ vào yêu cầu thực tế của dự án mà các bạn lựa chọn cho phù hợp...

Các bạn thiết kế giao diện website thì chắc chắn đã nghe nói tới Bootstrap với phiên bản hiện tại là Bootstrap 4.x. Phiên bản Bootstrap 4.x với nhiều cải tiến đáng giá giúp cho các bạn thiết kế giao diện sử dụng thuận tiện hơn với nhiều thành phần được nâng cấp. Sự phổ biến của Bootstrap là...

Hiệu ứng CSS shadow thường được sử dụng để thiết kế làm nổi các thành phần trên website. Việc thiết kế hiệu ứng shadow thật sự rất đơn giản chỉ với vài dòng lệnh CSS3. Tuy nhiên, nếu các bạn muốn công việc của mình trở nên đơn giản và nhanh chóng hơn nữa thì việc sử dụng một thư viện khác là lựa...

Nếu các bạn thiết kế website thì chắc chắn các hiệu ứng chuyển động hoạt hình thường xuyên được sử dụng để làm phong phú cũng như làm nổi bật các nội dung của website. Việc thiết kế các hiệu ứng chuyển động hoạt hình có thể được thiết kế bằng CSS hoặc JavaScript, mỗi cách thức đều có ưu và nhược...

Nếu các bạn muốn tạo hiệu ứng màu nền chuyển sắc kiểu linear gradient bằng CSS3 thì các bạn có thể tham khảo thư viện CSS3 WebGradients tại địa chỉ https://webgradients.com. Hiện tại WebGradients cung cấp rất nhiều mẫu CSS thiết kế linear gradient rất đẹp, các bạn có thể xem qua các demo rồi sao...

Hiện nay có rất nhiều thư viện CSS phục vụ thiết kế giao diện website, trong số đó phải kể đến như Bootstrap, Metro,... Ngoài ra, với một số lượng rất lớn các thư viện CSS đáp ứng gần như tất cả mọi yêu cầu thiết kế của các bạn sẽ giúp cho công việc phát triển web trở nên dễ dàng hơn. Cùng tham...

Các bạn đang có ý định phát triển website đơn giản, nhẹ nhàng thì có thể cân nhắc sử dụng thư viện Water.css để thiết kế giao diện. Nếu xem Water.css như một CSS framework thì không chính xác bởi vì thư viện Water.css chỉ cung cấp vài thành phần cơ bản như form, typography,... mà thôi. Điểm nổi...