This site uses cookies from Google to deliver its services, to personalize ads and to analyze traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies.
Home / web-design
web-dev
5
Author Image

Font Awesome 5 Duotone Icons có gì hay ho ?

Xin chào các bạn, chắc dân làm web chúng ta chẳng còn xa lạ gì với keyword fontawesome nữa rồi. Với phiên bản 5 xịn xò, FA ngày càng đa d... Read more
Like
Comment
More
web-dev
20
Author Image

Cố định Sidebar với Theia Sticky Sidebar

Bố cục cơ bản của một web/blog thường gồm 2 phần, phần nội dung chính (main-wrapper) và phần sidebar (sidebar-wrapper). Thông thường side... Read more
Like
Comment
More
web-design
6
Author Image

Lưu ý quan trọng khi load icon, avatar, thumbnail trên blog

Why are my images and background images so blurry on mobile device ? nếu bạn search Google với từ khóa này chứng tỏ bạn đã nhận ra một th... Read more
Like
Comment
More
web-dev
0
Author Image

CSS3 Flexbox - Xu hướng dàn trang mới trong thiết kế web

Để thiết kế nên một trang web thì việc sắp xếp bố cục các element là điều đương nhiên bạn cần phải biết. Thông thường để dàn trang các ph... Read more
Like
Comment
More
web-dev
4
Author Image

Hướng dẫn tạo nút bật tắt đèn sử dụng localStorage

Vào một trang mà cứ mãi một giao diện lâu rồi cũng thấy chán, ta nên tạo thêm một điểm nhấn nào đó cho người dùng có nhiều lựa chọn tương... Read more
Like
Comment
More
web-dev
0
Author Image

Tạo và sử dụng hiệu ứng Ripple Loading trong thiết kế web

Thời gian chờ tải xong một trang web, một tiện ích, một ứng dụng... thật là vô bổ, và để giảm thiểu sự nhàm chán đó người ta thường thêm ... Read more
Like
Comment
More
web-dev
0
Author Image

Smooth Auto Hide Header Navigation

Smooth Auto Hide Header Navigation là một hiệu ứng jQuery rất đẹp khi có sự kiện người dùng cuộn trang lên hoặc xuống. Đây là hiệu ứng ph... Read more
Like
Comment
More
web-dev
0
Author Image

CSS Grid - Hiển thị bài đăng blog dưới dạng lưới

CSS Grid là 1 keyword quen thuộc khi bạn làm quen với css, viết bài này ra thực sự đúng là múa rìu qua mắt thợ, tuy nhiên nó lại rất cần ... Read more
Like
Comment
More
web-design
0
Author Image

Tùy chỉnh nội dung hiển thị thuộc tính Placeholder

Placeholder là một thuộc tính của thẻ input, khi viết code ta chỉ khai báo nó bình thường, chăm chút hơn thì set mã màu cho nó. Tuy nhiên... Read more
Like
Comment
More
web-dev
3
Author Image

Tạo short code chèn iframe Youtube với style chuyên nghiệp

Trong quá trình viết bài cho blog đôi khi bạn sẽ cần nhúng các video từ youtube vào trang của mình. Tuy nhiên iframe khi nhúng có code rấ... Read more
Like
Comment
More
web-dev
1
Author Image

Hide or Show Sidebar with jQuery Toggle

Đa phần thiết kế bố cục website thường chia làm 2 cột, một cột chứa nội dung (content-wrapper) và một cột chứa các tiện ích, treo quảng c... Read more
Like
Comment
More
web-design
0
Author Image

Ripple effect in Material Design using jQuery and CSS3

Hiệu ứng gợn sóng (ripple effect) xuất hiện 96.69% trong các thiết kế Material Design, nếu bạn sử dụng các thiết bị di động đặc biệt là A... Read more
Like
Comment
More
web-dev
0
Author Image

ClipboardJS with Tooltip And Highlight JS

Highlight.js là một mã nguồn mở dùng để làm đẹp khung chứa code với 179 ngôn ngữ và 79 style được hỗ trợ, cách tích hợp đơn giản dễ sử d... Read more
Like
Comment
More
web-dev
0
Author Image

[Version 3] Tạo khung chứa code có nút copy to clipboard cho blogspot

Khung chứa code chuyên nghiệp, ngoài một số yêu cầu cơ bản như: có nút copy text to clipboard, responsive,... thì làm đẹp code (Syntax Hi... Read more
Like
Comment
More
web-dev
0
Author Image

Hướng dẫn tích hợp tiện ích xem ảnh SmartPhoto

Trong loạt bài giới thiệu các trình xem ảnh cho blog, tôi đã giới thiệu 2 plugin lightGallery và fancybox, tiếp tục chủ đề đó hôm nay sẽ ... Read more
Like
Comment
More
web-dev
0
Author Image

[Version 2] Tạo khung chứa code có nút copy to clipboard cho blogspot

Trong bài viết Tạo khung chứa code có nút copy to clipboard cho blogspot chúng ta đã tạo được một form rất chuyên nghiệp để chia sẻ code... Read more
Like
Comment
More
web-design
0
Author Image

Thiết kế trang báo lỗi 404 theo phong cách chuyên nghiệp

Lỗi không tìm thấy trang (page not found) xuất hiện khi người dùng truy cập vào một đường dẫn nào đó trên website, tuy nhiên máy chủ khôn... Read more
Like
Comment
More
web-design
0
Author Image

Material Design Dialog Box with jQuery

Ở bài viết trước tôi đã giới thiệu cho các bạn 1 hộp thông báo ẩn hiện responsive đơn giản với js và css. Trong bài viết này, chúng ta sẽ... Read more
Like
Comment
More
web-design
1
Author Image

Base64 Image khi thiết kế web

Base64 là một thuật ngữ được sử dụng rất rộng rãi trên thế giới. Tuy nhiên, việc áp dụng Base64 vào website chỉ mới được áp dụng trong ít... Read more
Like
Comment
More
web-design
0
Author Image

Mobile friendly multi level dropdown menu plugin jQuery

Trong thiết kế website, menu là một thành phần hầu như không thể thiếu. Đặc biệt với sự phát triển mạnh mẽ của công nghệ như hiện nay, vi... Read more
Like
Comment
More