nhat.dev
  • Tin tức
  • Dịch vụ
  • Lập trình
    • ReactJS
    • React Native
    • Angular
    • VueJS
  • Hackintosh
    • Hackintosh
    • Opencore
  • Liên hệ
No Result
View All Result
  • Đăng nhập
logo nhat.dev
  • Tin tức
  • Dịch vụ
  • Lập trình
    • ReactJS
    • React Native
    • Angular
    • VueJS
  • Hackintosh
    • Hackintosh
    • Opencore
  • Liên hệ
No Result
View All Result
nhat.dev
No Result
View All Result
Home Lập trình

UI component và layout hữu ích với Frontend Dev

Nhat Tran by Nhat Tran
23 Tháng Hai, 2021
UI component và layout hữu ích với Frontend Dev
466
SHARES
1.5k
VIEWS
Chia sẻ lên FacebookChia sẻ lên Twitter

Hôm nay mình xin chia sẻ 1 số Layout và UI component quen mà có lẽ là quen thuộc với nhiều người khi làm dự án, hay bắt gặp trên mạng. Cái này nó như 1 dạng template có code sẵn mọi người có thể tham khảo rút ngắn được thời gian code Frontend.

UI component & layout

CSS Layout

Có thể bạnquan tâm

15 câu lệnh cần biết khi thao tác với server Linux

JavaScript Memoization là gì? Tối ưu Javascript

Redis là gì?

Ưu điểm của CSS layout :

  1. Không liên quan ảnh hưởng 1 chút gì tới style đang có sẵn
  2. Không cần framework
  3. Làm bằng CSS đơn giản nhất vì vậy không có bug
  4. Dùng được với những CSS mới nhất ví dụ như Flexbox
  5. Có ví dụ thực tế
  6. Có thể dùng miễn phí bằng MITライセンス

Patterns -CSS Layout

Ưu điểm của Patterns -CSS Layout

  1. Sử dụng code từ demo
  2. Ở button phía trên bên phải có thể chuyển đổi qua lại được từ source code và demo

Same column height

Sticky table headers

Lời kết

Với những layout và UI component có sẵn các bạn có thể copy/ pase tham khảo sẽ rút ngắn được nhiều thời gian cho việc viết giao diện của mình, hi vọng sẽ giúp ích cho các bạn trong công việc, nâng cao hiệu suất và tiết kiệm được nhiều thời gian.

Source: Viblo
Tags: frontendui component
Bài viết trước

Hướng dẫn bảo mật iPhone, Macbook toàn diện hơn

Bài viết sau

Một số quy tắc và name class phổ biến cho Front-end Dev

Nhat Tran

Nhat Tran

Chia sẻ vài thứ hay ho bản thân tìm hiểu và tìm kiếm được đến mọi người

Bài viết sau
Một số quy tắc và name class phổ biến cho Front-end Dev

Một số quy tắc và name class phổ biến cho Front-end Dev

Subscribe
Notify of
guest
guest
0 Comments
Inline Feedbacks
View all comments

Recommended.

ES2020 có gì hot?

ES2020 có gì hot?

13 Tháng Ba, 2020
Nên học chuyên ngành nào: Kỹ thuật phần mềm hay Khoa học máy tính?

Nên học chuyên ngành nào: Kỹ thuật phần mềm hay Khoa học máy tính?

5 Tháng Bảy, 2019

Trending.

Hướng dẫn cài macOS trên Laptop, PC 2019

Hướng dẫn cài macOS trên Laptop, PC 2019

6 Tháng Chín, 2020
Chuẩn bị kiến thức cơ bản trước khi “vọc” hackintosh

Hướng dẫn tạo bộ cài vanilla hackintosh dễ dàng nhất

6 Tháng Ba, 2020
Cách “lách” bản quyền âm thanh và hình ảnh video Youtube 2020

Cách “lách” bản quyền âm thanh và hình ảnh video Youtube 2020

2 Tháng Mười Một, 2020
Chuẩn bị kiến thức cơ bản trước khi “vọc” hackintosh

Phần cứng phù hợp với Hackintosh macOS

30 Tháng Mười Một, 2019
Chuẩn bị kiến thức cơ bản trước khi “vọc” hackintosh

Cài đặt Clover vào ổ cứng sau khi cài macOS

30 Tháng Mười Một, 2019
nhat.dev

© 2019 nhat.dev

Chia sẻ chút kiến thức, kinh nghiệm, thủ thuật mà bản thân đã tìm hiểu và đọc được với mọi người

  • About me
  • Privacy & Policy
  • Advertise
  • Contact

Theo dõi tôi

No Result
View All Result
  • Tin tức
  • Dịch vụ
  • Lập trình
    • ReactJS
    • React Native
    • Angular
    • VueJS
  • Hackintosh
    • Hackintosh
    • Opencore
  • Liên hệ

© 2019 nhat.dev

Xin chào

Sign In with Facebook
OR

Đăng nhập bằng SSO Nhatdev

Quên mật khẩu?

Create New Account!

Fill the forms below to register

All fields are required. Đăng nhập

Lấy lại mật khẩu

Vui lòng nhập tên người dùng hoặc địa chỉ email của bạn để đặt lại mật khẩu của bạn.

Đăng nhập