Ngày hôm nay chúng ta sẽ đi vào tìm hiểu những nguồn lập trình (bài viết hướng dẫn, công cụ, framework cho flexbox) giúp chúng ta có thể xây dựng Flexbox Layout được đơn giản và dễ dàng hơn trong thiết kế web nhé!
Flexbox Là Gì?
Flexbox là một dạng layout mới được ra mắt trong CSS3 với mục đích giúp bạn có thể linh hoạt hơn trong việc sắp xếp, bố trí, căn chỉnh các phần tử trong trang web. Điểm mạnh của nó là có thể dựa vào màn hình hiển thị mà điều chỉnh kích thước, vị trí của phần tử sao cho phù hợp nhất mà không cần phải sử dụng đến thuộc tính float hay position.
Những Bài Viết Hay Về Flexbox
Trong phần này chúng ta sẽ đi vào tìm hiểu những bài viết hay về Flexbox Layout trong CSS được nhiều lập trình viên tin tưởng và học tập nhé!
A Complete Guide to Flexbox (CSS-Tricks)
CSS Flexbox (W3School)
Flexbox Cheatsheet (Jonitrythall)
Flexbox (Codrops)
Flexbox (MDN)
What The FlexBox (Flexbox.io)
Almost complete guide to flexbox (Kyusuf)
Flexbox (Treehouse)
DÀN TRANG VỚI CSS FLEXBOX (Thạch Phạm)
Những Công Cụ Và Cheatsheet Hay Dành Cho Flexbox
Trong phần này chúng ta sẽ đi vào tìm hiểu những cheatsheet và công cụ hữu ích giúp bạn có thể nhanh chóng xây dựng bố cục cho trang web bằng flexbox nhé!
Công Cụ Flexy Boxes
Công Cụ Flexbox Playground
Công Cụ Flex Layout Attribute
Công Cụ Flexbox Playground(ScotchIO)
Công Cụ TEST CSS FLEXBOX RULES
Công Cụ Flexplorer
Công Cụ BUILD WITH FLEXBOX
Công Cụ Flexbox Patterns
Flex Cheatsheet(Yoksel)
Flexbox cheatsheet(Sakamies)
Trò Chơi FLEXBOX FROGGY
Trò Chơi Flexbox Defense
Những Framework Dành Cho Flexbox
Trong phần này chúng ta sẽ cùng nhau đi vào tìm hiểu những framework CSS giúp bạn có thể xây dựng bố cục dựa trên flexbox được dễ dàng hơn nhé!
Framework Bulma
Framework Milligram
Framework Flexbox Grid
Framework Grd
Framework TentCSS
Framework Wire
Tổng kết:
Qua đây mình mong bài viết sẽ cung cấp thêm cho bạn kiến thức về flexbox hữu ích dành cho việc phát triển, thiết kế web và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ!