Tìm

Trần Ngọc Minh Notes

Stay hungry, stay foolish!

Chuyên mục

CSS3

Simple.css

Một bộ công cụ CSS dùng cho các dự án website quy mô nhỏ với dung lượng chỉ 4KB và đầy đủ các tính năng không kém gì "ông lớn" Bootstrap. Tìm hiểu chi tiết hơn về công cụ này... Continue Reading →

Công cụ hỗ trợ cho dân thiết kế web hiện đại

Môi trường Visual Studio Code Visual Studio Code là một trong những IDE "hot" nhất hiện nay dành cho dân thiết kế và lập trình. Giao diện viết code thân thiện và nguồn Extensions (là những mô đun chức năng)... Continue Reading →

10 modern layouts in 1 line of CSS

Xây dựng layout là một trong những công việc quan trọng nhất của thiết kế website và với CSS hiện đại, các nhà phát triển Web có thể dễ dàng tạo ra những layout nhanh chóng và hiệu quả. Chuyên... Continue Reading →

Blazor: Viết mã C# trên trình duyệt web

WebAssembly đã trở thành một trong tứ trụ của công nghệ web bên cạnh HTML, CSS và JavaScript. Khi mới xuất hiện, chỉ có một vài ngôn ngữ cấp cao như C, C++ hay Rust có thể thực thi trực... Continue Reading →

User interface (giao diện người dùng)

CSS3 cung cấp các chức năng mới hỗ trợ giao diện người dùng với các thuộc tính resize, outline-offset, box-sizing. Trình duyệt hỗ trợ:   Chrome IE/Edge Firefox Safari Opera resize 4.0+ Không hỗ trợ 5.0+ 4.0 -moz- 4.0+ 15.0+ outline-offset... Continue Reading →

Multi-column Layout

CSS3 cho phép định nghĩa văn bản thành nhiều cột (giống các trang báo hay tạp chí). Các thuộc tính bao gồm: Thuộc tính Mô tả column-count Xác định số cột column-gap Xác định khoảng cách giữa các cột column-rule-style... Continue Reading →

ANIMATIONS

CSS3 cho phép tạo hiệu ứng động (animations) cho các phần tử mà không cần dùng JavaScript (hay Flash). CSS3 cung cấp hai thuộc tính cơ bản hỗ trợ animations là @keyframe và animation với sự hỗ trợ của các... Continue Reading →

Transitions

CSS3 transitions cho phép chúng ta thay đổi giá trị của thuộc tính theo một khoảng thời gian cho trước. Các thuộc tính được CSS3 cung cấp cho transitions gồm transition, transition-delay, transition-duration, transition-property, transition-timing-function và được hỗ trợ bởi... Continue Reading →

TRANSFORMS

CSS3 transforms cho phép chúng ta di chuyển (translate), quay (rotate), co-dãn (scale), hay nghiêng (skew) các phần tử. Có hai hình thức transform trong CSS3 là: 2D transform 3D transform 2D transform Với 2D transform, CSS3 cung cấp hai... Continue Reading →

Web fonts

Web fonts cho phép các nhà thiết kế web sử dụng các fonts không được cài đặt trên máy tính người dùng. CSS3 cung cấp thuộc tính @font-face để định nghĩa web fonts. Trình duyệt hỗ trợ:   Chrome IE/Edge... Continue Reading →

Text

CSS3 cung cấp thêm các thuộc tính mới cho định dạng văn bản. Các thuộc tính gồm: text-overflow word-wrap word-break Trình duyệt hỗ trợ:   Chrome IE/Edge Firefox Safari Opera text-overflow 4.0 + 6.0 + 7.0 + 3.1 + 11.0... Continue Reading →

Shadow effects (hiệu ứng bóng)

CSS3 cung cấp hiệu ứng tạo bóng đến văn bản và các phần tử. Hai thuộc tính cơ bản là: text-shadow box-shadow Trình duyệt hỗ trợ   Chrome IE/Edge Firefox Safari Opera text-shadow 4.0 10.0 3.5 4.0 9.5 box-shadow 10.0... Continue Reading →

Gradients

CSS3 gradients cung cấp khả năng chuyển giữa hai hay nhiều màu. CSS3 định nghĩa hai kiểu gradients là: Linear gradients: chuyển màu theo các hướng trên, dưới, trái, phải, chéo Radial gradients: chuyển màu từ trung tâm Các thuộc... Continue Reading →

Colors

CSS hỗ trợ tên màu (ví dụ yellow), mã màu thập lục phân (ví dụ  #ffe6e6 ), và màu RGB (ví dụ rgb(178, 50, 0)). CSS3 hỗ trợ thêm các hệ màu: RGBA HSL HSLA CSS3 cũng hỗ trợ thêm... Continue Reading →

CSS3 BACKGROUNDS

CSS3 cung cấp các thuộc tính mới cho phép thêm nhiều ảnh nền đến một phần tử. Một số thuộc tính: background-image, background-size, background-origin, background-clip.  Trình duyệt hỗ trợ:   Chrome IE/Edge Firefox Safari Opera background-image (multiple backgrounds) 4.0 +... Continue Reading →

CSS3 Border Images

CSS3 cung cấp thuộc tính border-image cho phép tạo khung viền cho một phần tử bằng hình ảnh. Trình duyệt hỗ trợ:   Chrome IE/Edge Firefox Safari Opera border-image 16.0 + 4.0 -webkit- 11.0 + 15.0 + 3.5 -moz- 6.0... Continue Reading →

CSS3 ROUNDED CORNERS (góc bo tròn)

CSS3 cung cấp thuộc tính border-radius để tạo góc bo tròn cho một phần tử. Trình duyệt hỗ trợ:   Chrome IE/Edge Firefox Safari Opera border-radius 5.0 + 4.0 -webkit- 9.0 + 4.0 + 3.0 -moz- 5.0 + 3.1 -webkit... Continue Reading →

Giới thiệu CSS3

CSS3 là tiêu chuẩn mới nhất cho CSS. CSS3 được chia thành các mô đun (modules) – bên cạnh đặc tả (specifications) phiên bản CSS cũ, còn bổ sung nhiều mô đun mới. Phần này chỉ đề cập đến các... Continue Reading →

Chạy bằng WordPress.com.

Up ↑

%d người thích bài này: