HOME ABOUT CONTACT SITEMAP
Category
This site uses cookies for analytics, personalized content and ads. By continuing to browse this site, you agree to this use.
Showing posts with label web-dev. Show all posts

Simple jQuery multiple tabs

Author Image Fri, 12 Oct 2018
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 được rất nhiề… Read more

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

Author Image Fri, 5 Oct 2018
Để 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ần tử theo … Read more

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

Author Image Fri, 21 Sep 2018
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 tác hơn. T… Read more

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

Author Image Tue, 18 Sep 2018
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 vào các hiệ… Read more

Smooth Auto Hide Header Navigation

Author Image Wed, 5 Sep 2018
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ù hợp cho n… Read more

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

Author Image Wed, 29 Aug 2018
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 thiết cho n… Read more

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

Author Image Thu, 16 Aug 2018
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ất dài và st… Read more

Hide or Show Sidebar with jQuery Toggle

Author Image Tue, 17 Jul 2018
Đ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áo (sidebar… Read more

ClipboardJS with Tooltip And Highlight JS

Author Image Tue, 10 Jul 2018
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ụng. Trong bà… Read more

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

Author Image Mon, 9 Jul 2018
Để 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ỉ cần dán đ… Read more

How to get share and comment counts using graph API

Author Image Mon, 2 Jul 2018
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ướng dẫn bạn … Read more

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

Author Image Mon, 2 Jul 2018
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 Highlighter) … Read more

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

Author Image Fri, 29 Jun 2018
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ẽ là plugin x… Read more

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

Author Image Thu, 7 Jun 2018
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, tuy nhiên … Read more

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

Author Image Fri, 25 May 2018
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. Tuy nhiên, vấn … Read more

Speed up website with defer loading of iframes

Author Image Sun, 20 May 2018
Trong quá trình đăng bài cho website, bạn có thể sẽ cần nhúng 1 video từ nguồn khác (youtube, vimeo,...) vào bài viết của mình qua thẻ iframe. Điều … Read more

Hướng dẫn tạo tool làm đẹp code JS, HTML, XML, CSS

Author Image Tue, 8 May 2018
Trong quá trình phát triển website bạn thường phải làm việc rất nhiều với các đoạn code js, html, css. Việc chúng bị nén lại chắc chắn sẽ khiến bạn … Read more

Tổng hợp code chống xem mã nguồn trang web

Author Image Mon, 7 May 2018
Thực tế chưa có một biện pháp triệt để nào chống xem mã nguồn trang web vì đó là tính năng dành cho các nhà lập trình. Tuy nhiên ta có thể hạn chế v… Read more

Tăng tốc độ tải trang với lazy load Javascript

Author Image Tue, 10 Apr 2018
Tốc độ tải trang luôn là một vấn đề được các webmaster ưu ái hàng đầu, ngoài hình ảnh thì javascript là yếu tố ảnh hưởng rất lớn tới tốc độ tải tran… Read more

Season 7: HTML Tutorial

Author Image Tue, 3 Apr 2018
I. HTML File Paths
Đường dẫn của tài liệu HTML mô tả vị trí của một tập tin trong một cấu trúc thư mục của trang web.

Read more