Có nhiều cuộc thảo luận nào là JS không theo quy tắc, không ổn định, liên tục cập nhật khiến độ ổn định không cao. Nhưng các bản thăm dò đều cho thấy Javascript thống lĩnh, có thể nói rằng ngôn ngữ này đang là Fullstack nhất, nào là server side, client side, mobile app thậm chí là desktop app (VS Code là một ví dụ điển hình nhất). Vì vậy, ngưng lo ngại và hãy yêu quý nó!

Tốn mấy phút đọc: khoảng 20 phút thôi! Level CSS sau khi đọc xong: tăng thêm 5%   1. Cắt text (text…) thành nhiều dòng mà không tốn chút mồ hôi nào! Not Cross-Browsers Truncate text 1 dòng thì quá dễ rồi, hầu hết …

Bài viết dưới đây của mình sẽ chia sẻ cách vẽ một hình ảnh pixel bằng thuộc tính box-shadow của CSS Mong rằng bài viết của mình sẽ đem lại cho các bạn những phút giây thoải mái cũng như một số trải nghiệm thú vị với CSS

Chúng ta cùng đến với một vài mẹo vặt nhỏ tiếp theo để tăng hiệu suất cho website của bạn. Rất rất nhiều website mà mình biết thường hay code như thế này, và điều này làm ảnh hưởng rất lớn tới hiệu năng của website.

Là một Developer, không ai trong chúng ta được bỏ qua việc tăng performance cho ứng dụng, website,… mà mình tạo ra. Tuy nhiên, khi mới đi làm, hay còn gọi là những junior developer, chúng ta thường chỉ cần “chạy được là được”. Điều này tạo nên những app, website có hiệu năng cực kỳ tệ, mà phần lớn do developer thiếu kinh nghiệm. Dưới đây, mình muốn giới thiệu một số thủ thuật tuy khá nhỏ, dễ thực hiện nhưng lại cải thiện đáng kể hiệu suất cho website của bạn.

Người viết: Hoàng Minh Đức Phương pháp Agile là một hướng tiếp cận cụ thể cho việc quản lý dự án phát triển phần mềm. Phương pháp này hỗ trợ nhóm trong việc phản hồi với tính khó đoán của việc tạo dựng phần mềm. Nó gồm một quá trình làm việc tương tác và …

CSS canh giữa 1 thành phần theo chiều ngang và dọc với code ngắn nhất Có khá nhiều bài viết hướng dẫn canh giữa 1 thành phần theo chiều ngang, theo chiều dọc hoặc theo cả 2 chiều với từng trường hợp yêu cầu ta ứng dụng mỗi kiểu CSS khác nhau. Dạo gần đây bên cạnh Flexbox với 3 dòng code là giúp ta canh giữa dễ dàng

Hello mọi người, mình tiếp tục trở lại với series về thủ thuật CSS đây. Các mẹo CSS trong phần này có 1 số chưa được support đầy đủ ở các trình duyệt phổ biến, nên mình đánh dấu [Not Cross-Browsers] để các bạn dễ nhận biết nhé!

Enable Show user agent shadow DOM trong DevTools của trình duyệt để debug CSS dễ dàng hơn Đã bao giờ bạn code CSS cho: Input có type="range" với các pseudo như ::-webkit-slider-runnable-track, ::-webkit-slider-thumb Input có type="text" với các pseudo như ::placeholder mà không biết debug trên trình duyệt như thế nào?

Select Items Using Negative nth-child Chúng ta chỉ thường hay sử dụng nth-child để chọn các phần tử ở các vị trí như: :nth-child(2): Chọn phần tử thứ 2 :nth-child(2n): Chọn phần tử thứ 2, 4, 6, 8…. :nth-child(2n + 1): Chọn phần tử thứ 1, 3, 5, 7… Thế thì làm sao để chọn phần tử nằm trong 1 khoảng hoặc là chọn hết tất cả phần tử ngoại trừ 1 khoảng. Ok tips ở đây là chúng ta sẽ dùng nth-child với số âm để có được kết quả: