# css

Một vài điểm nên nhớ khi viết CSS
Nếu bạn là người viết CSS có tâm, bạn cần đọc bài này để tránh những lỗi edge case khi viết CSS
Hướng dẫn dùng biến trong CSS để làm dark/light mode
Nếu bạn cũng như mình, mặc kệ những đứa xài IE11, mình chỉ hỗ trợ cho đối tượng người sử dụng là những người trẻ thông minh, xài Edge, xài Chrome, xài Firefox, đọc ngay bài viết này mình chỉ cách làm.
Sử dụng ellipsis text với flexbox
Câu chuyển cắt chuỗi khi quá dài bằng CSS, trong tình huống sau, cái tên file của bạn quá dài, nhưng bạn không muốn cắt ở cuối chuỗi, mà cắt ở giữa để vẫn thấy được file extension
Nên dùng gì thay cho input number
Ngoài input type number, còn những giá trị gì bạn nên cân nhắc sử dụng
Thủ thuật sử dụng đơn vị viewport trên mobile
Để có thể quản lý được state của ứng dụng một cách tốt nhất, chúng ta cần sự phân chia phù hợp giữa local state (internal state của component) và state cửa ứng dụng đặt trong React Context. Một vài điều muốn chia sẽ để nâng cao khả năng bảo trì và trải nghiệm nếu sử dụng đến context trong React.
Làm layout masonry bằng flexbox
Những ngày làm masonry layout với các thư viện jquery đã ko còn nữa
Những cách thay đổi giá trị fill của SVG khi hover
Chúng ta có thể định dạng file SVG một cách dễ dàng bằng CSS, chúng ta sẽ tận dụng CSS để thay đổi định dạng khi hover chuột lên. Tất cả những cách có thể làm sẽ được liệt kê trong bài viết này.
Giới thiệu Markdown
Markdown vở lòng cho bạn nào chưa biết
Sử dụng CSS content như thế nào cho đúng
Thuộc tính content trong CSS thường được sử dụng cùng với 2 ghost element là after và before, những giá trị nào có thể đưa vào cho thuộc tính content này
Tạo animation với flip technique
Trong bài này chúng ta sẽ tìm hiểu kỹ thuật FLIP có thể sử dụng để animate position và kích thước của bất kỳ DOM element nào
Tạo một animation cho component trong React
Sử dụng React, styled-components, react-flip-toolkit để tạo animation giống như mên trên trang chủ của Stripe
Tổng quát về canh lề với Flexbox display
Bây giờ chưa nắm vững về flexbox và cách canh lề trong flexbox thì thật là thiếu xót trong thời đại 2018, chúng ta đã qua thời xài float, clearfix
Trick Sử dụng Sticky trong CSS
Một cái trick hay để giải quyết vấn đề thường mắt phải
Thời đại của Pixel Perfect Design đã hết từ lâu
Khi bắt dầu dàn trang cho web, hãy sử dụng những hệ thống grid phổ biến hiện nay như Bootstrap Grid. Nếu bạn là designer mà chưa biết đến CSS framework này thì thiệt thiếu xót trầm trọng...
FrontEnd Developer 2016 thì nên học cái gì?
Hey mình có dự án mới về web, không code web lâu quá rồi, không biết bây giờ viết web thì nên làm bằng gì? Mình chỉ là frontend developer, nhưng bạn đã tìm đúng người rồi đó, mình làm web cũng đã lâu, mình có thể chỉ bạn biết cần học gì để tạo web apps
Author image

VuiLapTrinh.com

Nếu đọc bài viết thấy hay, bạn xài bớt cái bọc ni lông, ra đường mua tờ vé số giúp các cô các bác là đã cảm ơn mình