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 ...
Cách tạo Confirm Navigation bằng jQuery
Confirm Navigation là một pop up xuất hiện mỗi khi người dùng nhấn vào link nào đó để chuyển hướng. Nó giúp người dùng xác nhận là có thật sự muốn chuyển hướng đến link không, hay chỉ là vô tình click vào. Chức năng này chúng ta có thể bắt gặp mỗi khi post bài trong WordPress và vô tình nhấn vào ...
HTML5 Game : Tạo trò chơi rắn săn mồi với HTML5 và jQuery
Hẳn là các bạn đã quá quen thuộc với trờ chơi “ Rắn săn mồi ” thường có sẵn trong các ứng dụng game điện thoại di động và các trò chơi điện tử trước đây. Có bao giờ các bạn nghĩ là sẽ tự tay viết ứng dụng này , hay tích hợp trò này vào trong website hay blog để khách viếng thăm web có ...
10 Free jQuery Parallax Scrolling Plugins
Parallax Scrolling là hiệu ứng đang được dùng nhiều nhất hiện nay, và là một trong những xu hướng thiết kế web hiện đại được tin dùng. Có rất nhiệu đoạn Javascript hay jQuery framework giúp chúng ta làm hiệu ứng này. Tuy nhiên trong bài viết này, mình xin tổng hợp 10 jQuery Plugin giúp các bạn ...
24 jQuery image galleries và slideshow plugins
Thông thường, khi thiết kế một website, bao giờ chúng ta cũng dành hẳn một phần cho slide show (tức hiển thị ảnh banner). Tùy theo mục đích mà các ảnh này lớn hay nhỏ, và có hiệu ứng khác nhau nhằm thu hút ngay từ cái nhìn đầu tiên đối với khách viếng thăm website hay blog của mình. Dưới đây là ...
30 thư viện jQuery Text Effect bạn cần biết
Có bao giờ các bạn ước có một thư viện khổng lồ về hiệu ứng chữ (Text Effects) bằng JQuery để mà tạo những trang web đẹp và ấn tượng không ? Thay vì trải qua nhiều giờ đồng hồ để học cách sử dụng CSS hay viết code bằng jQuery. Các bạn chỉ việc gọi những hàm trong các thư viện này ra để sử dụng. Hôm ...
