BLOG FUVAVI

BLOG FUVAVI

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

Bài Viết Mới Nhất

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

1791 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.

4304 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
Plugin Covid-19 cập nhật tình hình Việt Nam và Thế giới

Plugin Covid-19 cập nhật tình hình Việt Nam và Thế giới

9569 lượt xem
5 năm trước

Plugin Covid-19 cập nhật tình hình dịch Covid-19 Việt Nam và Thế giới. Với tình hình số ca mắc Covid-19 ngày càng tăng nhanh như hiện nay thì việc cập nhật tình hình dịch là hết sức cần thiết. Thay vì phải tìm kiếm thông tin từ những nguồn...

Đọ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

6058 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

7299 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

16072 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

32724 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]

12899 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
Share code đếm ngược kết hợp hiệu ứng pháo hoa nhân dịp năm mới 2018.

Share code đếm ngược kết hợp hiệu ứng pháo hoa nhân dịp năm mới 2018.

12810 lượt xem
7 năm trước

Code đếm ngược kết hợp hiệu ứng pháo hoa nhân dịp năm mới 2018. Cũng sắp hết năm 2017 rồi – một năm khá nhiều thay đổi đối với mình. Năm đầu tiên tập tành viết blog. Mình là newbie nên các mong các bạn thẳng tay quăng comment...

Đọc thêm
Tạo slides cover cho fanpage thay vì ảnh cover hay video bình thường

Tạo slides cover cho fanpage thay vì ảnh cover hay video bình thường

22729 lượt xem
7 năm trước

Tạo slides cover cho fanpage thay vì ảnh cover hay video bình thường. Facebook vừa mới cho ra đời tính năng tạo slides ảnh cho fanpage cực hot. Hôm nay vô tình vào fanpage của mình thì phát hiện có gì đó lạ lạ . Sau một hồi nghiên...

Đọ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

24797 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
Top 10 phím tắt thông dụng bạn nên biết khi sử dụng máy tính.

Top 10 phím tắt thông dụng bạn nên biết khi sử dụng máy tính.

5934 lượt xem
7 năm trước

Sử dụng phím tắt có thể làm tăng đáng kể năng suất của bạn, giảm căng thẳng lặp đi lặp lại và giúp bạn tập trung. Ví dụ: để sao chép văn bản, bạn có thể đánh dấu văn bản và nhấn phím tắt Ctrl + C. Sử dụng phím tắt...

Đọc thêm
Share những gói icon thường được sử dụng trong thiết kế.

Share những gói icon thường được sử dụng trong thiết kế.

13309 lượt xem
7 năm trước

Mình xin chia sẻ với những bộ icon thường được sử dụng trong thiết kế web và thiết kế ứng dụng Flaticon là một trang web cho phép tải icon flat miễn phí tốt nhất mà mình đã từng sử dụng. Sau hơn 1 năm tìm kiếm trên trang này...

Đọc thêm
Tổng hợp các thuộc tính cho text trong css

Tổng hợp các thuộc tính cho text trong css

7910 lượt xem
7 năm trước

Trong bài viết này mình xin giới thiệu với các bạn tổng hợp các thuộc tính dành cho text trong css. Định dạng văn bản trên web không khác gì trong Microsoft Word Trong bài này mình xin giới thiệu tổng hợp các thuộc tính css cho text  ...

Đọc thêm
18 thủ thuật hay  khi sử dụng internet bạn nên biết

18 thủ thuật hay khi sử dụng internet bạn nên biết

4492 lượt xem
7 năm trước

18 thủ thuật hay khi sử dụng internet bạn nên biết 1. Nhấn tổ hợp phím “Ctrl + Shift + T” (windows) / “Command + Shift + T” (MacOS) để mở lại tab vừa đóng. 2. Giữ phím “S” và click chuột phải vào hình ảnh để tìm kiếm...

Đọc thêm