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

How to get share and comment counts using graph API

Trong quá trình làm web, việc tương tác với các mạng xã hội đặc biệt là facebook để tăng traffic là điều thường thấy. Bài viết này sẽ hướ... 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-dev
1
Author Image

Tạo table có khả năng Responsive

Table là 1 thành phần thường xuyên xuất hiện và không thể thiếu khi xây dựng các trang HTML/CSS để hiển thị nội dung dưới dạng bảng. Tu... Read more
Like
Comment
More