Đôi khi ta hay bắt gặp desgin có phần footer luôn nằm dưới bottomVà vấn đề chúng ta thường gặp ở đây đó là khi view nó ở dạng landscape (khi xoay điện thoại nằm ngang)có 1 giải pháp cho việc này đó là sử dụng viewport .container{ min-height: 100vh; /* will cover the 100% of viewport */ overflow: hidden;…
Category: Html & Css
Hướng dẫn cài đặt và sử dụng scss
Cài đặt: Cài Node.js Chạy lệnh npm install -g sass Các ưu điểm của SCSS: SCSS dễ dàng làm quen và sử dụng(hỗ trợ 100% cú pháp của CSS và thêm 1 số khái niệm mới). Tiết kiệm thời gian viết CSS. Dễ dàng bảo trì và phát triển. Có tính linh hoạt và tái sử dụng cao. Các tập tin,…
Vấn đề với scrollbar trên Firefox và cách style scrollbar trên Firefox
Một số vấn đề với scrollbar trên Firefox
Line Clampin’ (Cắt text có nhiều dòng)
Sử dụng css line clamp
Sử dụng file SVG – và cách thay màu cơ bản
Cách thay đổi file SVG cơ bản
CSS Stripes
Chúng ta thường hay thấy background của một trang có các dòng kẻ (Stripes) có thể là kẻ ngang, chéo hoặc dọc. Đoạn css sau sẽ giúp bạn làm nó mà ko cần sử dụng ảnh. background: repeating-linear-gradient( 45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px ); [highlighter]
Giới thiệu về contenteditable
Html5 ngày càng hướng thân thiện với người dùng hơn. Thẻ div với contenteditable sinh ra cũng có chung mục đích như vậy. Nó giúp người dùng có thể viết trực tiếp trên trình duyệt mà ngày xưa các developer phải cài firebug mới dùng được.
CSS Grid là gì ? Cùng tìm hiểu về CSS Grid
Khi ứng dụng web ngày càng trở nên phức tạp hơn, chúng ta cần có cách tự nhiên hơn nữa để dễ dàng thực hiện viết layout cao cấp. Và như vậy, với CSS Grid Layout Module, ta sẽ có một giải pháp mới để tạo layout, nhanh và hiệu quả hơn nữa. Trong bài giới thiệu, ta sẽ được…
Tạo key google map api javascript
Khi trang web public mà có google map, chúng ta cần tạo key api javascript.
Hướng dẫn tạo certificate cho domain bằng let’s crypt trên ubuntu, apache
https://www.digitalocean.com/community/tutorials/how-to-secure-apache-with-let-s-encrypt-on-ubuntu-14-04