🌞
vuilaptrinh
🌞
# Javascript # Đàm đạo chém gió chuyện nghề # CSS từ căn bản tới nâng cao # Thủ thuật # Kiến thức nền tảng # React # Vue JS # Chrome DevTools

Khóa học HTML/CSS căn bản

# css

CSS Clamp giải thích và ứng dụng
hàm clamp() của CSS rất hữu dụng khi xử lý các vấn đề liên quan đến responsive, là một tính năng mới hay ho bạn cũng nên biết đế áp dụng
Đăng ngày . Mất khoảng 1 phút để đọc.
Làm tính năng Theme trong React?
Sẽ có nhiều tiếp cận để làm theme cho trang web, mổ xẻ 2 cách phổ biến hiện nay trong React, chọn cách nào cho nó đơn giản nhưng mang lại hiệu quả cao
Đăng ngày . Mất khoảng 3 phút để đọc.
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
Đăng ngày . Mất khoảng 1 phút để đọc.
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.
Đăng ngày . Mất khoảng 2 phút để đọc.
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
Đăng ngày . Mất khoảng 1 phút để đọc.
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
Đăng ngày . Mất khoảng 1 phút để đọc.
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.
Đăng ngày . Mất khoảng 2 phút để đọc.
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
Đăng ngày . Mất khoảng 3 phút để đọc.
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.
Đăng ngày . Mất khoảng 4 phút để đọc.
Giới thiệu Markdown
Markdown vở lòng cho bạn nào chưa biết
Đăng ngày . Mất khoảng 3 phút để đọc.
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
Đăng ngày . Mất khoảng 1 phút để đọc.
Tạo animation với kỹ thuật FLIP
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
Đăng ngày . Mất khoảng 5 phút để đọc.
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
Đăng ngày . Mất khoảng 4 phút để đọc.
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
Đăng ngày . Mất khoảng 2 phút để đọc.
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
Đăng ngày . Mất khoảng 1 phút để đọc.
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...
Đăng ngày . Mất khoảng 7 phút để đọc.
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
Đăng ngày . Mất khoảng 9 phút để đọc.
Luu Binh An

VuiLapTrinh

Đời cho ta quá nhiều thứ, ta chưa cho đời được nhiều