2 hiệu ứng zoom ảnh đơn giản với jQuery plugin Sprite Zoom
Sprite Zoom là một plugin rất dễ sử dụng và tùy chỉnh cho việc tạo hiệu ứng phóng to ảnh (zoom). Hôm nay mình sẽ chia sẻ cho các bạn 2 mẫu zoom ảnh được làm từ plugin này, với các mẫu này, các bạn có thể áp dụng vào trong các trang web bán hàng hoặc trên blog của mình. Xem Demo | Download ...
Tạo Slider toàn màn hình cực ảo với TweenMax và CSS3
Hôm nay mình sẽ chia sẻ cho các bạn thêm một mẫu slider full màn hình với sự hỗ trợ của TweenMax.min.js và CSS3. Xem Demo | Download HTML Đầu tiên, các bạn xây dựng khung chuẩn html cho slider như sau: <div class="box slide"><span>What else you want ! ...
Bảo mật nội dung website với jQuery
Gần đây có nhiều chủ website muốn bảo vệ nội dung trên website của họ để tránh bị copy mà không xin phép. Nếu bạn cũng có nhu cầu này, thì hôm nay mình xin chia sẻ cho các bạn một bí kíp để làm điều đó. Các bạn chỉ việc sử dụng đoạn jQuery mà mình sắp chia sẻ sau đây là có thể áp dụng ngay cho ...
Responsive Horizontal Posts Slider với jQuery và CSS3
Bạn đang quản lý một trang blog, hay đang thiết kế một trang tạp chí có nhiều bài viết trên trang web của mình, thì slider mà mình chia sẻ cho các bạn trong bài viết này sẽ giúp ích khá nhiều cho các bạn. Slider này có khả năng Responsive, tự động quay lại bài viết khi hết bài, thiết kế gọn gàng, ...
Tạo hiệu ứng ảnh phản chiếu với Reflection.js
Nếu các bạn đã quen với việc sử dụng Photoshop hay các phần mềm tạo ảnh để tạo hiệu ứng ảnh phản chiếu thì hôm nay mình sẽ chia sẻ cho các bạn một cách khác trên web mà không cần phải dùng bất kì phần mềm tạo ảnh nào. Trước đây mình đã giới thiệu cho các bạn bài viết Tạo ảnh phản chiếu (Image ...
Dễ dàng tạo biểu đồ trên web với Chart.js
Các biểu đồ thường được dùng để thống kê theo một số liệu nào đó, và nó thường rất hay được sử dụng ở những trang admin, dùng để tổng kết lại dữ liệu thu nhập từ người dùng. Hôm nay, mình sẽ chia sẻ cho các bạn cách hiển thị những biểu đồ hình cột , hình tròn… rất đơn giản với sự hỗ trợ của ...
Tạo hiệu ứng nhập liệu cực pro với CSS và jQuery
Hầu hết mọi website đều có form nhập liệu dùng để thu thập phản hồi hay liên lạc của người dùng. Nếu các bạn muốn gây bất ngờ cho khách viếng thăm trang web hay blog của các bạn mỗi khi họ nhập liệu, bằng những hiệu ứng cực pro, thì nên thử với hiệu ứng mà mình chia sẻ cho các bạn trong bài viết ...
Top 10 jQuery Plugins hot nhất trong năm 2014
Chúng ta đang háo hức chờ đợi năm 2015 với nhiều niềm vui và hy vọng mới. Hôm nay mình xin tổng hợp lại những jquery plugins được nhiều người sử dụng nhiều nhất vào trong các dự án web của họ trong năm 2014. jQuery Face Detector Plugin Plugin này giúp chúng ta tạo ứng dụng nhận diện khuôn ...
Tạo ứng dụng Date Picker với jQuery Plugin dateSelector.js
dateSelector.js là một plugin nhỏ gọn và rất dễ sử dụng, nó sẽ tự động định dạng hiển thị ngày tháng tại thanh nhập liệu (input) với định dạng ngày/tháng/năm. Ngoài ra nó còn hỗ trợ cho các bạn các tính năng như : Chọn tháng từ tháng 1 đến tháng 12, và năm từ năm 1970 đến 2070, tự động vô hiệu hóa ...
Xóa nhiều hàng từ table cùng lúc với jQuery
Hôm nay mình sẽ giới thiệu cho các bạn cách delete hoặc remove hiều hàng cùng một lúc từ table bằng cách sử dụng vài đoạn jQuery đơn giản. Mình hy vọng với đoạn code mà mình chia sẻ trong bài viết này sẽ hữu ích cho các bạn áp dụng vào những dự án web của các bạn. Xem Demo | Download ...
Tạo mẫu menu cực đẹp với jQuery Plugin
Hôm nay mình sẽ mang đến cho các bạn một mẫu menu với hiệu ứng xoay vòng cực kỳ ấn tượng, với sự trợ giúp của jQuery. Với kiểu menu này, các bạn có thể áp dụng vào bất kì trang web hay blog mà các bạn đang dùng. Xem Demo | Download HTML Trước tiên, chúng ta xây dựng menu với đoạn ...
HTML5 Audio player với playlist đơn giản bằng jQuery
Trước đây mình đã giới thiệu cho các bạn bài viết Audio và Video với HTML5 đây là bài viết đơn giản nhằm giới thiệu sơ lược về cách chèn file audio vào trong trang web. Hôm nay mình sẽ nâng cấp cho các bạn với một trình chơi nhạc đơn giản nhưng có đầy đủ chức năng như tên nhạc, tên tác giả, ảnh ...
Tạo hiệu ứng lá vàng rơi với jQuery và CSS3
Hôm nay mình xin giới thiệu cho các bạn một plugin rất thú vị của jQuery, với plugin này các bạn có thể tạo các hiệu ứng 3D cũng như tạo hiệu ứng lá rơi. Với plugin này, các bạn có thể thiết kế các template cho mùa thu và mùa đông. Xem Demo | Download Cách sử dụng : 1 Đầu tiên chúng ...
Chèn link “Read More” khi Copy nội dung từ Website bằng jQuery
Thỉnh thoảng, khi các bạn cần lấy nội dung từ một trang web nào đó, khi copy và dán nội dung đó vào notepad , thì nội dung đó thường được đính kèm theo một link như Read more at: http://www.thuthuatweb.net/javacript/chen-link-read-more-khi-copy-noi-dung-tu-website-bang-jquery.html . Các chủ ...
Tạo hiệu ứng Preloader với jQuery
Trước đây, mình giới thiệu cho các bạn rất nhiều hiệu ứng loading làm từ CSS3 , hôm nay mình sẽ chia sẻ cho các bạn hiệu ứng preloader được làm từ jQuery với chỉ vài dòng code đơn giản. Xem Demo | Download HTML Để tạo hiệu ứng loading , chúng ta cần khung chuẩn html như sau : ...
Tạo Tag Editor đơn giản với jQuery
Khi viết bài, hầu hết các website đêu có chức năng chèn tag , điều này sẽ giúp người dùng dễ dàng tìm kiếm bài viết theo chủ đề mà họ muốn, cũng như tạo các từ khóa tìm kiếm trên các bộ máy tìm kiếm như Google hay Yahoo…. Nếu các bạn cũng muốn tự tạo cho mình chức năng chèn tag thì mình sẽ ...
Tạo Tab hiển thị nội dung với CSS & jQuery
jQuery là thư viện JavaScript phổ biến nhất hiện nay, việc nắm vững jQuery sẽ giúp các bạn vững vàng hơn cho việc thiết kế web cũng như trở thành Front End Developer sau này. Và cách học tốt nhất không phải là cặm cụi đọc sách mà chính là thực hành càng nhiều càng tốt. Xem Demo | Download ...
Tạo Image Gallery Đơn Giản Với jQuery
Hôm nay mình xin chia sẻ cho các bạn một ứng dụng hình ảnh đơn giản mà rất thường được sử dụng trên các trang web, đặc biệt là dành cho những web trình diễn ảnh, studio… Chỉ với vài dòng jQuery và css code để tạo hiệu ứng fade. Xem Demo | Download jQuery Code ...
Thiết kế trang 404 cực lạ với jGravity
Để tạo ấn tượng cho khách viếng thăm trang web hay blog của mình thì ngoài những thiết kế ở các trang chính, thì trang 404 các bạn cũng không nên bỏ qua. Trước đây mình đã giới thiệu cho các bạn bài viết 6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger , còn hôm nay thì mình sẽ chia sẻ cho ...
Signin Dropdown Box theo phong cách Twitter với jQuery
Hôm nay là ngày đầu năm mới (2014) nhưng mình vẫn sẽ không quên nhiệm vụ của mình là chia sẻ kiến thức cho mọi người. Đăng nhập vào trang twitter và thấy ấn tượng với phần login nên mình sẽ chia sẻ cho các bạn cách làm giống thế với jQuery. Đoạn script sẽ rất đơn giản, chỉ với 2 hàm .hide() và ...
