jquery

Hiện nay, jQuery có rất nhiều plugin hỗ trợ tạo popup và modal từ các plugin đơn lẻ cho tới các plugin được tích hợp trong các bộ thư viện front-end như UIkit, Bootstrap, Metro UI... Bài viết này tôi giới thiệu với các bạn một jQuery plugin khác dùng để tạo popup và modal đẹp mắt nữa là Avgrund...

Với CSS các bạn hoàn toàn có thể thực hiện việc thay đổi kích thước phông chữ thích hợp tuỳ theo kích thước của màn hình. Tuy nhiên đôi lúc việc sử dụng CSS lại không hoàn toàn đáp ứng được một vài yêu cầu nào đó hoặc cũng có thể vì một lí do nào đó mà CSS không đáp ứng được. Với thư viện...

Khi các bạn truy cập các website có các hộp thông báo hiện lên hay các cửa sổ nhỏ nằm trong website trình bày nội dung đáng chú ý thì đó được gọi là popup hay modal. Để trình bày các popup modal này thì các bạn có nhiều thư viện JavaScript để thực hiện và một trong số đó là iziModal. Hôm trước...

Để thay đổi diện mạo của thẻ select trên các website thì các bạn có thể sử dụng CSS để thiết kế hoặc sử dụng các thư viện JavaScript sẽ đơn giản hơn. Trước đây, tôi cũng đã giới thiệu với các bạn thư viện jQuery UI Selectmenu tại bài viết "Tuỳ biến select với thư viện jQuery UI Selectmenu". Bài...

Các website cho phép người dùng viết bài viết như các blog, diễn đàn, các trang bán hàng thường sẽ có chức năng nhập các tag (Các thẻ từ khoá) để người dùng khác có thể dễ dàng tìm kiếm bài viết theo các tag đó. Nếu các bạn không quan tâm nhiều đến chức năng này thì website của các bạn chỉ đơn...

Khi các bạn nhập liệu thì việc có các công cụ hỗ trợ nhập liệu nhanh chóng như autocomplete sẽ giúp cho các bạn cảm thấy thoải mái và công việc trở nên nhanh hơn nhiều. Hiện nay có khá nhiều thư viện JavaScript thực hiện chức năng tự động hoàn tất nhập liệu và trong số đó tôi muốn giới thiệu với...

Tiếp tục với các thư viện cuộn trang, bài viết này tôi sẽ hướng dẫn các bạn sử dụng thư viện pagePiling.js được viết dựa trên jQuery tạo ra hiệu ứng cuộn trang đẹp mắt cho website của các bạn chỉ với vài dòng mã lệnh cài đặt đơn giản. Cũng giống như các thư viện được viết trên nền tảng jQuery...

Với tính năng cuộn trang tôi có hướng dẫn các bạn sử dụng thư viện jInvertScroll để thực hiện hiệu ứng này, các bạn có thể tham khảo bài viết "Cuộn trang parallax với thư viện jInvertScroll" để biết chi tiết. Ở bài viết này, tôi cũng sẽ hướng dẫn các bạn tạo một trang one page với tính năng cuộn...

Đối với các bạn thiết kế các website dạng one page thì chắc hẳn đã quen thuộc với các hiệu ứng cuộn trang dọc. Bài viết này tôi sẽ hướng dẫn các bạn sử dụng thư viện jInvertScroll để tạo ra hiệu ứng cuộn trang ngang parallax mà các bạn thường thấy trên các slideshow. Thư viện jInvertScroll được...

Thư viện Scrolline.js là một thư viện JavaScript được viết dựa trên nền tảng jQuery. Mục đích của thư viện Scrolline.js là tạo ra thanh tiến trình trên website để theo dõi quá trình cuộn trang của người dùng. Thông qua thanh tiến trình này, người dùng có thể biết được mình đã cuộn được bao nhiêu...

Để tạo thêm hiệu ứng đẹp cho website khi người dùng mở bất kỳ một trang nào đó các bạn có thể sử dụng thư viện Animsition. Đây là thư viện được viết trên nền tảng jQuery cung cấp nhiều hiệu ứng chuyển trang đẹp mắt. Để sử dụng thư viện Animsition các bạn cần phải tích hợp thư viện jQuery vào...

Thư viện fullPage.js là một tiện ích dựa trên nền tảng jQuery, cho phép các bạn xây dựng những website cuộn đơn trang theo chiều dọc hoặc chiều ngang. Thư viện fullPage.js được tạo ra bởi Alvaro Trigo và được cung cấp tài liệu hướng dẫn sử dụng rất chi tiết giúp các bạn không có nhiều kinh...

Trên môi trường web, các bạn có nhiều thư viện JavaScript cũng như thư viện PHP để vẽ các biểu đồ đa dạng về thông tin, hình dạng từ biểu đồ hình cột, biểu đồ dạng sóng hay biểu đồ hình tròn... Bài viết này tôi sẽ giới thiệu với các bạn một thư viện JavaScript được viết dựa trên nền tảng jQuery...

Thư viện Slidebars được dùng để tạo các sidebar trình bày nội dung, trình đơn trên website và hơn thế nữa đó là thư viện còn tạo ra các hiệu ứng ẩn, hiện sidebar đẹp mắt làm tăng thêm sự chuyên nghiệp cho website. Việc sử dụng thư viện Slidebars rất đơn giản, các bạn tích hợp thư viện jQuery...

Thư viện jQuery URLive cho phép các bạn dễ dàng tạo ra một bản xem trước trực tiếp của bất kỳ địa chỉ nào trên biểu đồ với các chi tiết liên quan như tập tin đính kèm trên facebook chẳng hạn. Nó không chỉ làm việc trên một textarea hoặc input mà nó còn hoạt động trên cả thẻ a và bất kỳ thành...

ContentShare là một jQuery plugin cho phép các bạn chia sẻ nội dung được lựa chọn qua mạng xã hội của các bạn chứ không phải là văn bản mặc định được chỉ định trong các thẻ meta. Theo mặc định, ContentShare hỗ trợ Facebook và Twitter nhưng các bạn cũng có thể thêm các mạng xã hội khác dễ dàng...

Trong một số trường hợp các bạn muốn nội dung trên một dòng là cố định, không rớt xuống dòng khi màn hình thay đổi kích thước (Tức cố định số lượng chữ trên một dòng). Với yêu cầu như vậy thì tất nhiên khi kích thước màn hình thay đổi thì kích thước phông chữ cũng phải thay đổi theo để phù hợp...

Thư viện Tilt.js sẽ giúp các bạn tạo hiệu ứng parallax đẹp khi hover lên đối tượng chỉ với khai báo rất đơn giản. Ngoài thư viện Tilt.js mà tôi giới thiệu với các bạn ở bài viết này thì các bạn còn có nhiều lựa chọn khác như thành phần parallax trong thư viện UIkit chẳng hạn. Thư viện Tilt.js...

Hiện tại có rất nhiều thư viện CSS giúp các bạn tạo bố cục lưới giao diện như Bootstrap, UIkit,... nhưng các thư viện này bao gồm rất nhiều thành phần chứ không chỉ gói gọn với thành phần lưới. Trong một số trường hợp các bạn chỉ muốn sử dụng lưới để trình bày bố cục giao diện thì Masonry là thư...

ImageLens là thư viện được viết trên jQuery với hiệu ứng zoom ảnh theo các mức độ được khai báo. Ngoài tính năng zoom ảnh thì thư viện ImageLens còn hỗ trợ một vài hiệu ứng hình ảnh đơn giản khi zoom. Trong số các thư viện jQuery dùng để zoom ảnh thì thư viện ImageLens là một thư viện hay, nhỏ...