Một trong những điều cơ bản làm cho một trang web đẹp và dễ nhìn với người dùng, đó là không xuất hiện thanh cuộn ngang (horizontal scrollbar) trong tổng thể body. Tuy nhiên, vô tình chúng ta đôi lúc khiến cho một section hay một element nào đó trong layout có width rộng hơn […]
timhieu
Có thể bạn chưa biết về CSS background-repeat
Nếu bạn muốn background lặp lại, bạn có thể sử dụng CSS property background-repeat. Có một vài cách viết background-repeat, tùy thuộc vào nhu cầu sử dụng Các kiểu background-repeat Khi sử dụng background-repeat, thỉnh thoảng bạn sẽ gặp trường hợp hình ảnh của bạn sẽ lặp lại nhưng bị cắt mất như ví dụ […]
Modern CSS selectors – :has() Pseudo-Class Selector
:has() Pseudo-Class Selector sẽ chọn những thành phần dựa vào parent của chúng, ví dụ như
Modern CSS selectors – :is() Pseudo-Class Selector
:is() Pseudo-Class Selector Nếu bạn muốn select nhiều element cùng lúc, bạn có thể sử dụng cách sau: Tuy nhiên, để ngắn gọn hơn, chúng ta có thể sử dụng :is() selector như thế này Dài dòng thêm một xíu, mình có một ví dụ như sau Giờ mình chỉ muốn select những class .text-emphasis […]
CSSgram – filter hình ảnh giống Instagram
Instagram là mạng xã hội lớn, nơi tổng hợp nhiều hình ảnh đẹp cùng với nhiều filter làm người dùng thích thú. Bạn có thể chỉnh sửa nhanh ảnh của mình chỉ qua một cú click. Instagram có rất nhiều filter đẹp, vì vậy, lựa chọn giữa các filter có thể làm bạn tốn khá […]
CSS3 Patterns Gallery
Nếu bạn cần một background đẹp cho website nhưng ngại code hoặc thêm image khiến dự án của bạn phức tạp hơn, trang web CSS3 Patterns Gallery sau đây có thể giúp bạn.
Bạn có thể làm gì với CSS Property content?
Khi bạn sử dụng pseudo-elements before và after, bạn nhất định phải có CSS property “content”, như hình với bóng vậy. Nếu được tận dụng tốt, CSS property này có thể giúp bạn trong những trường hợp sau đây Làm danh sách có số thứ tự Nếu bạn không thể dùng <ol> để lập danh […]
CSS Generate tools. Tại sao chúng ta cần nó?
Bạn là pro CSS? Hay bạn chỉ mới bắt đầu tìm hiểu CSS? Chắc hẳn sẽ có những lúc bạn cảm thấy việc code box-shadow, border hay gradient background phức tạp và không trực quan cho lắm. Vì vậy, cac tool sau đây có thể phụ giúp bạn đỡ nhọc nhằn trong công việc hơn.
Bạn đã bao giờ random?
Tại sao bạn cần random? Mục đích chính của ramdom trong coding hay trong thiết kế là mô phỏng. Tùy thuộc vào từng công việc khác nhau, bạn có thể sẽ cần mô phỏng các thể loại dữ liệu như văn bản, hình ảnh, số liệu… để phục vụ cho các nhu cầu khác nhau […]
Tại sao bạn cần Lorem Ipsum?
Lorem Ipsum là gì? Lorem Ipsum là một hay nhiều đoạn “dummy text” – chữ giả được dùng để lắp đầy nội dung trong một trang web hay thiết kế đồ họa nào đó khi nội dung chưa được chuẩn bị sẵn sàng.