20 plugin jQuery tuyệt vời | Bloq sáng tạo

Các plugin jQuery: Muuri

Khi John Resig phát triển thư viện jQuery vào năm 2006, anh ta không thể tưởng tượng rằng nó sẽ trở thành thư viện JavaScript phổ biến nhất trên web, hoặc nó sẽ có hàng chục nghìn plugin được viết cho nó. Nhưng thật đúng khi nói rằng jQuery, trên tất cả các thư viện khác ngoài kia, đã được cộng đồng thiết kế web chấp nhận.

Nó là một thư viện tuyệt vời để thiết kế và phát triển tương tác người dùng một cách nhanh chóng. Cho dù đó là thư viện hình ảnh hay hình thức, hoạt ảnh CSS nội dung hoặc hiệu ứng nổ, thư viện cung cấp các khối xây dựng cốt lõi để cho phép bạn tạo mẫu nhanh và cung cấp giao diện người dùng duy nhất với mã và nỗ lực tối thiểu.

Tuy nhiên, đây là một câu hỏi thú vị. Chỉ vì bạn có thể cuộn giải pháp của riêng bạn cho bất kỳ vấn đề nhất định, điều đó có nghĩa là bạn nên? Tất nhiên là không! Hoàn toàn không cần phải tái tạo lại bánh xe mỗi lần bạn muốn tạo ra một chút chức năng chung; sử dụng các plugin để thêm ngay hành vi. Làm như vậy sẽ giúp bạn tiết kiệm nhiều thời gian và công sức hơn! Dưới đây là danh sách các plugin jQuery hữu ích của chúng tôi.

01. Muuri

Các plugin jQuery: Muuri

Bố cục linh hoạt của Muuri là đáp ứng, có thể sắp xếp, có thể lọc và có thể kéo được

Để có được bố cục linh hoạt nhất, Muuri của Niklas Rämö rất đáng xem. Hệ thống bố trí của nó cho phép bạn định vị các mục lưới có kích thước các loại trong một container theo bất kỳ cách nào có thể tưởng tượng được, và nó có khả năng đáp ứng, có thể sắp xếp, có thể lọc và có thể kéo được. Theo mặc định, nó sẽ sắp xếp mọi thứ theo cách 'phù hợp đầu tiên', nhưng bạn có thể thêm thuật toán bố cục của riêng mình cho một kiểu bố cục khác.

02. AnchorScroll.js

Các plugin jQuery: AnchorScroll.js

Cung cấp cho trang web của bạn một chút chuyển động mờ với AnchorScroll.js

Không có gì giống như một chút cuộn trơn tru để giúp trang web của bạn nổi bật so với đám đông và AnchorScroll là một plugin jQuery nhẹ và dễ sử dụng để thực hiện điều đó. Nó cho phép bạn cuộn mượt mà để neo các mục tiêu, với các lớp và gọi lại bổ sung cho các phần tử trên các sự kiện cuộn, và trên hết là tùy chọn thêm hiệu ứng mờ cho cơ thể trong khi cuộn, cũng như hiệu ứng trả lại. trở lại nơi bạn đến từ sau khi cuộn đến phần tử neo.

03. Timeline.js

timeline.js

Dòng thời gian thực hiện chính xác những gì nó nói trên tin và tạo thanh trượt thời gian

Plugin jQuery này cung cấp một twist trên thành phần băng chuyền: Timeline.js cung cấp cho bạn mọi thứ bạn cần để tạo dòng thời gian băng chuyền (nghĩa là thanh trượt tiến triển dựa trên các điểm theo trình tự thời gian). Nó bao gồm nhiều tùy chọn tùy chỉnh hình ảnh và chức năng.

04. Cuộn trang được nghiêng

cuộn trang được nghiêng

Cuộn trang nghiêng được thêm hiệu ứng 3D gọn gàng vào các trang của bạn

Plugin này từ Pete R. là một cách tuyệt vời để thu hút sự chú ý của mọi người và bổ sung thêm một chút chiều sâu cho trang web của bạn. Khi được cài đặt, các mục sẽ nghiêng vào chế độ xem khi chúng cuộn lên trên trang và nghiêng lại khi chúng cuộn ra khỏi đầu trang. Đó là một hiệu ứng tuyệt vời, đẹp và dễ thực hiện.

05. Điểm lấy nét

plugin jquery focuspoint

Nói lời tạm biệt với hình ảnh phản hồi bị cắt xén

Điều tuyệt vời về thiết kế web đáp ứng là có thể tạo một trang duy nhất trông đẹp trên mọi thiết bị. Tuy nhiên nếu trang web của bạn tự động cắt xén hình ảnh để phù hợp với một số khung nhìn, nó thường có thể mất tiêu điểm. Với Focuspoint, bạn có thể đảm bảo hình ảnh của bạn trông tuyệt vời trong bất kỳ vùng chứa nào bằng cách chỉ định tiêu điểm cho mỗi hình ảnh và plugin sẽ cắt các phần không mong muốn trước các bit quan trọng.

06. SVGMagic

Plugin jquery SVGMagic

SVGMagic tạo PNG để thay thế SVG mà chúng không được hỗ trợ

Sử dụng hình ảnh SVG là một ý tưởng hay vì chúng sẽ trông sắc nét ở mọi kích thước và plugin này giúp bạn làm điều đó mà không phải lo lắng về các trình duyệt không hỗ trợ chúng. Nó tìm kiếm hình ảnh SVG và thay thế chúng bằng các phiên bản PNG nếu SVG không được hỗ trợ.

07. Nhận diện khuôn mặt

Trình phát hiện khuôn mặt jQuery plugin

Plugin này cung cấp một cách dễ dàng để sử dụng một số công nghệ mạnh mẽ

Phát hiện và nhận được tọa độ của khuôn mặt người trong hình ảnh, video và canvases với plugin này, được viết bởi Jay Salvat và sử dụng thuật toán phát hiện khuôn mặt của Liu Liu.

08. Thanh trượt tròn

plugin jQuery rounderslider

Thanh trượt có thể được theo chủ đề cho phù hợp với mục đích của bạn

Thanh trượt hình tròn này cho phép người dùng chọn một dải giá trị bằng cách di chuột qua vòng tròn. Thanh trượt đầy đủ là thiết lập mặc định, nhưng bạn cũng có thể sử dụng thanh trượt để có hình dạng vòng tròn, hình tròn và hình tròn. Có các kiểu CSS bạn có thể điều chỉnh theo chủ đề theo nhiều cách khác nhau, ví dụ, để trông giống như một đồng hồ tốc độ. Không có hình ảnh nào có liên quan; tất cả được tạo bằng CSS và JavaScript.

09. jInvertScroll

jinvertscroll jQuery plugin

Nhận một hiệu ứng thị sai một cách dễ dàng

jInvertscroll giúp dễ dàng thực hiện cuộn ngang với hiệu ứng thị sai. Cuộn bánh xe cuộn của bạn trên trang demo của họ để whiz dọc theo ngang trong khi hai lớp phong cảnh di chuyển ở tốc độ khác nhau để tạo ra một ảo ảnh về chiều sâu.

10. Slinky

Các plugin jQuery: Slinky

Một thiết kế menu sẽ không đi ra khỏi phong cách?

Slinky là một thiết kế menu thanh lịch, vượt thời gian hữu ích cho mọi tình huống mà bạn có rất nhiều menu phụ. Chọn một mục và một hoạt ảnh sẽ trượt menu phụ. Có một bản demo ở đây.

Tiếp theo: các plugin jQuery cần thiết hơn

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *