BLOG FUVAVI

BLOG FUVAVI

Thủ thuật Frontend – Kinh nghiệm thiết kế web – Design – Share code, design

Từ khoá : Css

BEM: phương pháp tổ chức CSS hiệu quả và linh hoạt nhất

BEM: phương pháp tổ chức CSS hiệu quả và linh hoạt nhất

1,791 lượt xem
1 năm trước

CSS là một phần quan trọng trong phát triển web, nhưng khi dự án phức tạp, quản lý mã CSS trở nên khó khăn. Chuẩn BEM  giúp tổ chức và quản lý CSS một cách hiệu quả. Bài viết này khám phá BEM, cách áp dụng nó và lợi...

Đọc thêm
CSS Selector là gì? Những cách viết CSS có thể bạn chưa biết.

CSS Selector là gì? Những cách viết CSS có thể bạn chưa biết.

4,304 lượt xem
3 năm trước

Trước khi  tìm hiểu khái niệm CSS Selector là gì thì mình muốn nhắc lại kiến thức về HTML và CSS một chút. Như bạn đã biết các thẻ HTML thường sẽ có thẻ mở <tag> và thẻ đóng </tag>  ngoại trừ các thẻ không có thẻ đóng như <img/> ,...

Đọc thêm
Vì sao cần reset CSS khi bắt đầu một project

Vì sao cần reset CSS khi bắt đầu một project

6,067 lượt xem
6 năm trước

Mở đầu Không phải ngẫu nhiên mà nhiều lúc bạn viết giao diện không cho thêm một thuộc tính nào mà các thẻ <h1>, <h2>… của bạn vẫn cách nhau một khoảng. Điều đó xảy ra là vì hầu hết các trình duyệt đều có một tập các kiểu...

Đọc thêm
Share plugin trang trí noel cho website wordpress

Share plugin trang trí noel cho website wordpress

7,300 lượt xem
6 năm trước

Plugin trang trí noel cho website wordpress cực kỳ đẹp Cũng lâu rồi chưa ra bài viết nào nên hôm nay vô tình thấy một người bạn share code html trang trí noel nên mình đã tải về và viết plugin này. Plugin này cực kỳ dễ sử dụng...

Đọc thêm
Tổng hợp hiệu ứng css hover vào hình ảnh – Phần 2

Tổng hợp hiệu ứng css hover vào hình ảnh – Phần 2

16,073 lượt xem
7 năm trước

Tiếp tục series Tổng hợp những hiệu ứng css hover vào hình ảnh mình đã giới thiệu ở phần 1 Trong phần 2 là những hiệu ứng có phần nâng cao hơn và độ “vi diệu” cũng nhiều hơn. 11. Hiệu ứng Zoom tại vị trí trỏ chuột (Only...

Đọc thêm
Tổng hợp hiệu ứng css hover vào hình ảnh

Tổng hợp hiệu ứng css hover vào hình ảnh

32,726 lượt xem
7 năm trước

Mình xin giới thiệu với các bạn bộ sưu tập tổng hợp hiệu ứng css hover vào hình ảnh – Hover Image Effect CSS do mình sưu tầm được. Bộ sưu tập bao gồm những hiệu ứng như : 3d, hover, magnify, overlay, transition, zoom. .v.v… 1. Hiệu ứng...

Đọc thêm
Share code giao diện Blog giống youtube của fuvavi.local [Youtube redesign]

Share code giao diện Blog giống youtube của fuvavi.local [Youtube redesign]

12,905 lượt xem
7 năm trước

Share code đầu năm ! Sắp sửa cho ra đời version 2 nên hôm nay mình chia sẻ cho các bạn Fullcode Html – Css – Javascript của Blog hiện tại của mình fuvavi.local. Giao diện không phải xa lạ nhưng cũng khá mới lạ cho website blog. Giao...

Đọc thêm
Thay đổi size ảnh thoải mái không lo “bị méo” với thuộc tính object-fit trong css

Thay đổi size ảnh thoải mái không lo “bị méo” với thuộc tính object-fit trong css

24,800 lượt xem
7 năm trước

Mình chắc chắn trong các bạn ai cũng đã ít nhất 1 lần phải đau đầu vì thay đổi kích thước mặc định của ảnh mà không theo tỉ lệ sao cho ảnh không bị vỡ. Đa số các bạn sẽ lựa chọn giải pháp dùng Photoshop để giải...

Đọc thêm
Share code 10 giao diện trang báo lỗi 404 cực đẹp chuẩn responsive

Share code 10 giao diện trang báo lỗi 404 cực đẹp chuẩn responsive

19,221 lượt xem
7 năm trước

Tiếp tục với series share code. Hôm nay mình xin share code html 10 template trang báo lỗi 404 cực đẹp chuẩn responsive. Bài này mình xin giới thiệu đến các bạn 10 giao diện trang 404 cực đẹp chuẩn responsive 1. 404 Error Widget DEMO DOWNLOAD 2. 404...

Đọc thêm
Share 10 giao diện form đăng nhập responsive cực đẹp.

Share 10 giao diện form đăng nhập responsive cực đẹp.

115,237 lượt xem
7 năm trước

Form đăng nhập đẹp sinh động responsive là một phần không thể thiếu để quyết định user có tiếp tục ở lại trang web bạn không. Hôm nay mình xin chia sẻ với các bạn giao diện 10 form đăng nhập cực đẹp chuẩn responsive sử dụng framework bootstrap. Giao...

Đọc thêm