javascript

Đố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 AOS là một thư viện JavaScript được thiết kế với mục đích tạo hiệu ứng hoạt hình cho các thành phần trên website khi người dùng cuộn trang. Việc sử dụng thư viện rất đơn giản bằng cách khai báo các thuộc tính ngay trong các thẻ HTML của thành phần. Trước hết, các bạn cần phải truy cập...

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...

Thư viện WOW.js được sử dụng với sự hỗ trợ của thư viện Animate.css mà tôi đã có bài viết giới thiệu "Tạo hiệu ứng đẹp mắt với thư viện Animate.css". Thư viện WOW.js sẽ sử dụng các hiệu ứng chuyển động của thư viện Animate.css để tạo ra các hiệu ứng chuyển động trên các thành phần khi người dùng...

Để 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...

Có khá nhiều thư viện để vẽ biểu đồ trên web, một trong số đó là Chart.js mà tôi đã giới thiệu với các bạn ở bài viết "Tạo biểu đồ chuyên nghiệp với thư viện Chart.js". Bài viết này tôi tiếp tục giới thiệu với các bạn một thư viện khác có tên và cách sử dụng gần giống với Chart.js là...

Trên một trang của website gần như lúc nào cũng có khá nhiều các liên kết nội bộ và người dùng cũng thường sẽ truy cập các liên kết nội bộ đó. Yêu cầu đặt ra là website phải làm cách nào để tăng tốc độ tải trang khi người dùng nhấp chuột (Hoặc chạm trên di động) vào các trang được liên kết nội...

Trong lập trình JavaScript, các bạn muốn thực hiện một chức năng nào đó bằng cách sử dụng các sự kiện để gọi hàm thì không quá khó khăn. Nhưng trong trường hợp các bạn muốn khi cuộn website tới đối tượng nào đó để tự động gọi hàm thực thi chức năng đã định nghĩa trong hàm thì đòi hỏi các bạn...

Thư viện Typed.js dùng để tạo ra một mô phỏng nhập liệu đơn giản có hỗ trợ định dạng văn bản. Thư viện Typed.js thường được các bạn sử dụng để mô phỏng việc gõ các câu lệnh như các lệnh trên Node.js hay Linux chẳng hạn. Các bạn tải thư viện Typed.js tại địa chỉ...

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...

Hiện nay có khá nhiều ứng dụng được điều khiển bằng giọng nói trên các thiết bị thông minh mà các bạn có thể đã biết và sử dụng qua. Trên nền tảng web các bạn cũng có thể phát triển các ứng dụng web sử dụng nhận diện giọng nói để điều khiển website với các thao tác đơn giản. Để thực hiện được...

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...

Thư viện Morf.js giúp các bạn tạo ra các hiệu ứng chuyển động đẹp trên website chỉ với vài dòng lệnh JavaScript đơn giản. Việc sử dụng thư viện Morf.js thật sự đơn giản, các bạn tích hợp thư viện Morf.js vào website là có thể sử dụng thư viện để tạo ra các hiệu ứng chuyển động cho website của...

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ỏ...