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-dev
web-dev
4
Author Image

[WebDev] Media Queries chuẩn cho các thiết bị khi làm Responsive

Khi làm responsive vấn đề đau đầu nhất với lập trình viên Front-End đó là làm sao chọn ra các breakpoint chuẩn để viết CSS tương thích vớ... Read more
Like
Comment
More
web-dev
19
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-dev
13
Author Image

[Blogger] Reactions Comments với bộ đếm thời gian thực

Đây là phần tiếp theo trong loạt bài hướng dẫn tạo bộ reactions với bộ đếm thời gian thực sử dụng Google Firebase. Trong khuôn khổ bài vi... Read more
Like
Comment
More
web-dev
12
Author Image

Highlight code sử dụng Prism và Pure JS

Trong loạt bài viết về làm đẹp khung chứa code có nút sao chép vào khay nhớ tạm tôi đã giới thiệu cho các bạn rất nhiều thư viện hỗ trợ l... Read more
Like
Comment
More
web-dev
12
Author Image

Tối ưu Blogger Comments Emoji với kỹ thuật CSS Sprites

Để các emoji đồng nhất giữa các hệ điều hành, ta thường sử dụng ảnh thay vì các mã unicode. Điều này có cái lợi nhưng cũng có cái hại. Tr... Read more
Like
Comment
More
web-dev
10
Author Image

[Blogger] Reactions bài viết với bộ đếm thời gian thực

Reactions là tính năng làm nên thương hiệu cho các trang mạng xã hội, để triển khai tính năng này cho các website đã có khá nhiều các plu... Read more
Like
Comment
More
web-dev
3
Author Image

Hướng dẫn tích hợp Google Fonts "đúng chuẩn"

Với một website, ngoài giao diện đẹp, nội dung chất lượng thì font chữ cũng đóng góp một vai trò không hề nhỏ. Việc lựa chọn cho mình một... Read more
Like
Comment
More
web-dev
16
Author Image

[Blogger Thread Comments] Sử dụng Regex chuyển link ảnh/youtube thành tag HTML

Trong các ngôn ngữ lập trình nói chung và JavaScript nói riêng, việc xử lý chuỗi trong văn bản chưa bao giờ là điều dễ dàng. Lấy một ví dụ đ... Read more
Like
Comment
More
web-dev
0
Author Image

Sử dụng GitHub Page xem trước nội dung tĩnh HTML

Giả sử bạn có một vài tài liệu HTML tĩnh dạng như trang demo hoặc docs muốn publish lên internet cho mọi người có thể xem được nhưng lại ... Read more
Like
Comment
More
web-dev
4
Author Image

jQuery có quan trọng trong web blog của bạn

jQuery là một thư viện đình đám mà bất cứ lập trình viên web nào cũng phải biết đến nó. Đây là một thư viện giúp bạn thao tác với các phầ... Read more
Like
Comment
More
web-dev
0
Author Image

Simple jQuery multiple tabs

Tabs là 1 thành phần thường thấy trên website và đặc biệt nhiều ở các thiết bị di động. Điểm mạnh của tabs chính là giúp bạn tiết kiệm đư... 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-dev
1
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
0
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-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

[Blogger] Tích hợp Facebook SDK JS đúng chuẩn

Để sử dụng các plugin của facebook bắt buộc ta phải tích hợp facebook sdk js, thực ra dùng từ chuẩn có vẻ hơi phóng đại một chút vì ta ch... Read more
Like
Comment
More