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-design. Show all posts

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ùy chỉnh nội dung hiển thị thuộc tính Placeholder

Author Image Wed, 29 Aug 2018
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 bạn đã từ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

Ripple effect in Material Design using jQuery and CSS3

Author Image Fri, 13 Jul 2018
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à Android, tin… 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

[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

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

Author Image Thu, 7 Jun 2018
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ông tìm thấy … Read more

Material Design Dialog Box with jQuery

Author Image Thu, 31 May 2018
Ở 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ẽ cho nó màu… Read more

Base64 Image khi thiết kế web

Author Image Sun, 27 May 2018
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 năm trở lạ… Read more

Mobile friendly multi level dropdown menu plugin jQuery

Author Image Sat, 26 May 2018
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ệc tạo menu… 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

Một số hiệu ứng khi scroll chuột cho website

Author Image Sat, 19 May 2018
Trong bài viết này, hung1001 sẽ giới thiệu cho các bạn một vài hiệu ứng áp dụng khi có sự kiện người dùng cuộn chuột hoặc thay đổi vị trí thanh cuộn… Read more