Google Materialize – CSS framework mới

Mình vừa đọc được vài bài viết trên Internet giới thiệu về Google Materialize – 1 CSS framework mới. Trong bài này mình sẽ giới thiệu sơ qua cho các bạn về em này. Bài này viết sau khi xem sơ qua các components, thấy thích quá nên hăng máu viết luôn.

Google Materialize  - CSS framework mới

Giới thiệu Materialize

Các bạn có thể ghé xem em pé này tại: http://materializecss.com/

Cũng như các CSS framework khác, Google Materialize này cũng đáp ứng được rất nhiều yêu cầu về thiết kế responsive với các dạng gird quen thuộc. Cung cấp cho chúng ta khá nhiều component đẹp mắt và dễ thương :D

Theo như trên trang chủ của Materialize thì framework này tập trung vào phần UX là chính, có nghĩa là tập trung vào trải nghiệm người dùng, tương tác cao hơn.

Tuy còn mới nhưng đã có 1 số website đã xây dựng xong, các bạn có thể vào xem trong phần Showcase của em ấy

Tổng quan về Materialize

Theo ý kiến cá nhân của mình thấy thì phần thiết kế của Materialize khá hấp dẫn. Các hiệu ứng nó mang lại rất hay, ví dụ như khi click vào Button, click vào ô input, click chọn checkbox,radio… hiệu ứng khá hiện đại

Vẫn là thiết kế 12 cột quen thuộc, giống như Bootstrap

Responsive rất tốt, mình thích phần Navbar của Materialize này hơn Bootstrap, mượt và nhìn hay hay hơn phần mặc định của Bootstrap

Thêm 1 số thành phần khác như Preloader, Transitions…và nhiều thành phần khác, bạn xem trên trang chủ nó nhé, có demo hết trên đấy

Materialize làm việc rất tốt trên mobile, cách nó cho người dùng thao tác với website trên điện thoại rất hay, các bạn có thể test trên điện thoại thật và cảm nhận

Tóm lại bài viết này chủ yếu là giới thiệu sơ qua cho các bạn biết về nó thôi, còn chi tiết thì các bạn có thể xem demo trên trang chủ của nó để trải nghiệm. Theo ý kiến cá nhân của mình thì thấy cũng hay hay, có thể áp dụng làm 1 site mới thử bằng Materialize này thay vì đó giờ xài Bootstrap

Thank you