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à ...
Ảnh lật vòng (Flipping Circle Slideshow) với jQuery và CSS3
Hôm nay mình sẽ chia sẻ cho các bạn một hiệu ứng ảnh lật vòng rất thú vị với sự trợ giúp của jQurery Plugin : jquery.flipshow.js và CSS 3d transforms . Xem Demo | Download HTML Đầu tiên, chúng ta cần tạo khung html để chứa các hình ảnh như sau : <div id="fc-slideshow&q ...
Tạo menu động cực hấp dẫn với jQuery, Font-Awesome và CSS3
Có lúc chúng ta sẽ cần những mẫu menu nhỏ gọn để có thể phù hợp với những kiểu thiết kế web không có nhiều không gian. Hôm nay, trong bài viết này, mình xin chia sẻ cho các bạn một mẫu menu nhỏ gọn với hiệu ứng động cực kỳ sexy. Xem Demo | Download HTML Để minh họa menu , chúng ta ...
Tạo meu theo phong cách Youtube với jQuery và CSS
Có lẽ các bạn đã quá quen thuộc với hiệu ứng menu thường xuất hiện ở trang Youtube. Đây là một mẫu menu rất tiện lợi trong việc tiết kiệm không gian hiển thị web. Với menu này, các bạn sẽ có thêm nhiều vị trí để hiển thị những thông tin khác trên web của mình. Xem Demo | Download HTML ...
Cách chèn Google Map vào trong website
Google Maps là một dịch vụ ứng dụng và công nghệ bản đồ trực tuyến trên web miễn phí được cung cấp bởi Google. Thường thì Google Maps hay được tích hợp vào các trang liên hệ, vì như thế sẽ tạo cho người dùng dễ dàng tìm kiếm địa chỉ khách hàng cũng như làm cho website của chúng ta thân thiện với ...
Tạo ứng dụng Date Picker với Angular JS
Tiếp tục mang đến cho các bạn thêm một ứng dụng web nho nhỏ được làm từ Angular.js, với những chia sẻ trong bài viết này, các bạn sẽ có thêm kinh nghiệm trong việc tìm hiểu cũng như sử dụng tốt angular.js cho những ứng dụng web của mình sau này. Xem Demo | Download HTML Đầu tiên, ...
Tạo Responsive Menus từ thẻ UL với ReSmenu
ReSmenu là một jQuery plugin cho phép chúng ta dễ dàng tạo chức năng responsive cho menu chỉ với một nốt nhạc. Plugin này rất nhẹ (chỉ khoảng 1kb) , dễ tùy chỉnh và có nhiều lựa chọn cho việc hiển thị menu. Xem Demo | Download Giả sử chúng ta có một menu được tạo thành từ các thẻ html ...
simplyScroll : jQuery Plugin tạo content scroller đa dạng
simplyScroll là một plugin rất linh hoạt trong việc tạo hiệu ứng cuộn (scroll) nội dung. Với plugin này, các bạn có thể cuộn nội dung theo chiều ngang, chiều dọc, cuộn về bên trái hay bên phải, có thể cho nó tự động chạy hoặc điều khiển bằng các nút bấm…. Với plugin này các bạn có thể dùng ...
3D Gallery với CSS3 và jQuery Plugin : jquery.gallery.js
Với 3D transforms , chúng ta có thể biến những phần tử đơn giản trở nên hấp dẫn hơn bằng cách ấn định chúng vào không gian 3 chiều. Cùng với CSS transitions, thì hiệu ứng 3D càng trở nên thực hơn rất nhiều, điều mà trước kia chúng ta chỉ có thể làm được bằng Flash. Trong bài viết này, mình sẽ chia ...
Chèn Gợi Ý Và Auto Focus Form Fields Với jQuery
Việc chèn các câu gợi ý vào các fileds trong form sẽ giúp người dùng dễ dàng nhận biết họ cần phải nhập cái gì trong filed đó. Còn Auto focus sẽ tự động giúp người dùng nên cần nhập cái gì đầu tiên. Đây là 2 chức năng cơ bản mà hầu như mọi website đều dùng cho những mẫu form có trong website của ...
Top 5 Javascript Plugins tạo Page Scrolling Layout
Page scrolling là một trong những kỹ thuật cuộn trang đang được dùng rất phổ biến hiện nay. Đặc biệt là dùng cho những thiết kế kiểu một trang (single page websites). Có 2 loại kiểu cuộn : Một là sử dụng scrollbar của trình duyệt để cuộn tới trang mong muốn cùng với hiệu ứng parallax. Hai là cuộn ...
Capital Letter : jQuery plugin tạo chữ hoa đầu dòng cực đỉnh
Trước đây mình có giới thiệu cho các bạn 2 bài viết về tạo chữ hoa đầu dòng là : Kỹ thuật làm chữ hoa đầu dòng (Drop cap) và Cách tạo Drop Cap cho từng bài viết trong WordPress , với 2 bài viết này, chúng ta sử dụng kỹ thuật css để làm. Hôm nay mình xin giới thiệu cho các bạn thêm một cách ...
