on
웹 개발자가 알아야 할 9 무료 및 유용한 jQuery 플러그인
웹 개발자가 알아야 할 9 무료 및 유용한 jQuery 플러그인
반응형
jQuery는 빠르게 개발 환경을 정복했다. 오늘날, 많은 전문가들은 이 프레임워크를 사용하지 않고는 현대적인 웹사이트를 만드는 것을 상상할 수 없다. 당신이 웹에서 방대한 양의 무료 jQuery 플러그인을 찾을 수 있지만, 나는 당신에게 가장 유용한 것을 선택했습니다.
1. PhotoSwipe
웹 사이트에서 흥미롭고 시각적으로 매력적인 갤러리를 준비하고자 하는 모든 사용자를 위한 편리한 플러그인. 물론 터치 제스처와 추가적인 비표준 기능(예: 소셜 미디어 공유 제어)에 대한 지원도 찾을 수 있을 것이다. 버전 4부터 플러그인은 이미 새로운 작성자에 의해 준비되고 있다는 것을 덧붙일 가치가 있다.
2. 차티스트
지루한 데이터를 매우 매력적으로 보여주고 싶다면 Chartist 플러그인이 도움이 될 것입니다. 이것은 많은 유용한 기능(예: 커서 위를 맴돈 후 레이블 표시)을 가진 복잡한 스크립트이며, 데이터를 시각적으로 흥미로운 다이어그램과 차트로 변환한다. 또한 플러그인의 작성자는 플러그인을 매우 쉽게 구성할 수 있는 자세한 설명서를 준비했습니다.
3. 전체 화면 수직 스크롤(FSVS)
CSS3의 가능성을 이용한 흥미로운 스크롤 효과. 또한 태블릿과 스마트폰에 적응한 웹사이트, 즉 터치 장치에서도 매우 잘 작동합니다. 그러나 그것이 전부가 아닙니다. 플러그는 또한 기존의 마우스나 키보드 화살표를 사용하여 쉽게 작동할 수 있기 때문입니다.
4. 달콤한 경고
"어이구… 뭔가 잘못됐어!" — Sweet Alert 플러그인 덕분에 나타나는 정보입니다. 플러그인은 웹 사이트 사용자와의 상호 작용으로 인해 오류가 발생할 때 작동합니다.
경고 창은 페이지가 바탕 화면 또는 모바일 장치에 표시되는지 여부에 관계없이 자동으로 화면 중앙에 배치되며 사이트의 배경은 흐리게 표시됩니다.
5. 포커스 포인트
그래픽 파일을 편리하고 지능적으로 트리밍합니다. 플러그인은 웹 사이트의 배경에 사용된 사진이 데스크톱 화면, 태블릿 및 스마트폰에서 동일하게 잘 보이기를 원할 때 유용합니다. FocusPoint를 통해 여러 가지 방법으로 이미지를 자를 수 있다는 점을 추가할 가치가 있습니다.
6. TextTailor
더 많은 사용자들이 모바일 기기에서 웹사이트를 검색하는데, 이것은 웹사이트가 태블릿과 스마트폰의 화면에 더 잘 적응해야 한다는 것을 의미한다. TextTailor와 같은 플러그인은 웹 개발자를 지원합니다. 이 경우, 우리는 반응하는 텍스트를 얻을 수 있고, 화면에 유연하게 적응할 수 있으며, 적절한 서식을 관리할 수 있습니다.
7. jsPDF
HTML5 기능을 사용하는 플러그인을 사용하면 클라이언트 측에서 PDF 파일을 동적으로 생성할 수 있습니다. 플러그인은 양식에 입력된 특정 사용자의 데이터로 보완되는 다양한 유형의 보고서, 티켓 및 인증서를 만드는 데 이상적입니다.
8. 비디오
웹 디자인에서 점점 더 인기 있는 트렌드는 배경 이미지로 비디오 자료를 포함시키는 것이다. Vide 플러그인은 그것을 훨씬 쉽고 빠르게 만든다. 동적 시각 효과는 효과적으로 주의를 끌며 추가 메시지를 허용합니다. 또한 Vide는 페이지가 모바일 장치에 표시될 때 정적 배경 대체물을 배치할 수 있도록 합니다.
9. PrettyEmbed
유튜브에서 직접 웹 사이트에 비디오 자료를 삽입하는 것은 점점 더 흔한 관행이다. PrettyEmbed 플러그인은 이러한 솔루션을 촉진하고 YouTube 링크를 구현할 때 다양한 문제를 해결한다(예: 대형 및 소형 화면에서 화면 왜곡 제거).
현재, jQuery는 많은 웹 개발자들에 의해 사용되는 가장 인기 있는 자바스크립트 라이브러리 중 하나이다. 그러므로 나는 이 jQuery 플러그인 목록이 유용하고 웹 개발자로서 당신에게 도움이 되기를 바랍니다.
일반 영어로 더 많은 내용을 제공합니다.이오
from http://it-ground.tistory.com/201 by ccl(A) rewrite - 2021-09-23 03:01:32