logo devmaster

Cẩm nang chia sẻ kiến thức

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 9)

Thuộc tính content không chỉ có mỗi value là “” Thuộc tính content là thuộc tính quan trọng nhất khi bạn sử dụng những pseudo-elements như :before hay :after, nếu thiếu đi thuộc tính này thì những thuộc tính khác coi như không có tác dụng gì. Tuy nhiên, bên cạnh cái value được sử …

Đọc thêm ...

Ngừng lo lắng và học cách yêu hệ sinh thái JavaScript!

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ó!

Đọc thêm ...

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 8)

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 …

Đọc thêm ...

Vẽ ảnh pixel bằng thuộc tính “box-shadow” của CSS

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

Đọc thêm ...

Một số thủ thuật đơn giản nhưng tăng đáng kể hiệu suất cho Website của bạn (Phần 2)

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.

Đọc thêm ...

Một số thủ thuật đơn giản nhưng tăng đáng kể hiệu suất cho Website của bạn

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.

Đọc thêm ...

Sơ lược về phương pháp Agile

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à …

Đọc thêm ...

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 5)

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

Đọc thêm ...

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 4)

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é!

Đọc thêm ...

Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 3)

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?

Đọc thêm ...