Atlassian UI – Thư viện frontend phù hợp cho những webiste hệ thống hay layout admin

: Blogs; Blogs công nghệ

Giới thiệu

Trong một project, mình có cơ hội làm quen và sử dụng 1 thử viện front-end khá là mới. Đó là Atlassian

Mình thấy thư viện này khá phù hợp cho việc dùng trong các website hệ thống hoặc dùng làm layout cho phần admin.

Sử dụng

Tại thời điểm sử dụng, mình apply thư viện này vào dự án rails, mình có thử tìm gem để sử dụng, tuy nhiên khá là khó khăn. Vào thời điểm đó, mình có tìm được 1 gem, tuy nhiên khi sử dụng lại thường xuyên bị lỗi CSS.

Cách xử lý, là mình import thư viện bằng tay. Đơn giản là mình download ZIP về, giải nén, và copy vào thư mục app/assets/stylesheets, app/assets/javascripts và require chúng trong applicaiton.css.scss và application.js

Nếu như thế, mỗi lần sử dụng, lại 1 lần copy thư viện, mình thấy k tiện lắm, nên mày mò, build gem, để lần sau sử dụng cho tiện

Gem

Gem này rất đơn giản, chỉ là import css và js vào để sử dụng.

Gem mình publish ở đây

Rubygem

Github

Việc sử dụng thì trong document của gem đã mô tả khá kỹ, và việc sử dụng cũng khá đơn giản.

The others

Trong quá trình sử dụng, mình thấy thư viện này có cái message khá là đẹp. Và mình nghĩ dùng cái này để làm flash, message thông báo trong rails app thì rất tuyệt.

Để tránh việc sử dụng 2 thư viện front-end (cái Atlassian này và 1 thư viên khác như bootstrap…) vì có thể bị conflict css. Tuy nhiên mình lại muốn dùng cái message này làm flash trong rails app.

Thế là mình viết ra gem aui_flash, mục đích là dùng css của Atlassian để làm flash. Tuy nhiên mức độ nhỏ hơn, chỉ dùng 1 vài class của thư viện Atlassian.

Gem aui_flash mình publish ở đây

RubyGem

Github

Happy coding ?

viblo

Có thể bạn chưa biết:

DVMS chuyên:
- Tư vấn, xây dựng, chuyển giao công nghệ Blockchain, mạng xã hội,...
- Tư vấn ứng dụng cho smartphone và máy tính bảng, tư vấn ứng dụng vận tải thông minh, thực tế ảo, game mobile,...
- Tư vấn các hệ thống theo mô hình kinh tế chia sẻ như Uber, Grab, ứng dụng giúp việc,...
- Xây dựng các giải pháp quản lý vận tải, quản lý xe công vụ, quản lý xe doanh nghiệp, phần mềm và ứng dụng logistics, kho vận, vé xe điện tử,...
- Tư vấn và xây dựng mạng xã hội, tư vấn giải pháp CNTT cho doanh nghiệp, startup,...

Vì sao chọn DVMS?
- DVMS nắm vững nhiều công nghệ phần mềm, mạng và viễn thông. Như Payment gateway, SMS gateway, GIS, VOIP, iOS, Android, Blackberry, Windows Phone, cloud computing,…
- DVMS có kinh nghiệm triển khai các hệ thống trên các nền tảng điện toán đám mây nổi tiếng như Google, Amazon, Microsoft,…
- DVMS có kinh nghiệm thực tế tư vấn, xây dựng, triển khai, chuyển giao, gia công các giải pháp phần mềm cho khách hàng Việt Nam, USA, Singapore, Germany, France, các tập đoàn của nước ngoài tại Việt Nam,…

Quý khách xem Hồ sơ năng lực của DVMS tại đây >>

Quý khách gửi yêu cầu tư vấn và báo giá tại đây >>