67가지 유용한 프런트 엔드 도구, 라이브러리 및 리소스

이 목록에는 다양한 종류의 리소스가 포함되어 있으므로 여기에 그룹으로 정리했습니다.

Javascript 라이브러리

Particles.js—웹에서 멋진 떠다니는 입자를 만들기 위한 라이브러리

Three.js—웹에서 3D 객체와 3D 공간을 만들기 위한 라이브러리

Fullpage.js— 전체 화면 스크롤 기능을 빠르게 구현

Typed.js—타자기 효과

Waypoints.js—특정 요소 위치로 스크롤할 때 함수 트리거

Highlight.js——높은 웹 구문 Bright

Chart.js — JavaScript를 사용하여 아름다운 차트 만들기

Instantclick — 웹 사이트 로딩 시간을 크게 단축하고 마우스를 움직일 때 리소스를 미리 로드할 수 있습니다.

Chartist — 또 다른 차트 라이브러리

Motio — 애니메이션 - 기반 스프라이트 갤러리

Animstion - CSS로 애니메이션 전환 jQuery 플러그인

barba.js — 스트림 페이지 전환

Twentytwenty — 비교 사진의 시각화 DIFF 도구

vivus

vivus를 실현합니다. js

—— SVG에 애니메이션 그리기

Wow.js

—— 스크롤할 때 애니메이션 표시

Scrolline.js

—— 페이지 스크롤 시 스크롤 진행률 표시

Velocity.js🎜—— 빠르고 부드러운 JavaScript 애니메이션🎜

스크롤 애니메이션 — 아름다운 페이지 스크롤 요소 애니메이션

Handlebars.js — Javascript 템플릿

jInvertScroll — 시차 스크롤

한 페이지 스크롤 — 또 다른 페이지 스크롤 라이브러리

. — 스마트 기기 방향 변경에 반응하는 시차 엔진

Typeahead.js — 검색 완료

Dragdealer.js — 멋진 드래그 앤 드롭

Bounce.js — 멋진 CSS3 애니메이션 만들기

Pagepiling.js — 전체 화면 스크롤

Multiscroll.js — 두 개의 열 수직 역방향 스크롤

Favico.js — 동적 파비콘

Midnight.js — 고정 머리 전환 효과

Anime.js — 애니메이션 라이브러리

Keycode

— 키보드 키의 JavaScript 키코드 가져오기

Sortable

— 드래그 앤 드롭 플러그인

Flexdatalist

— 자동 완성

Slideout.js — 모바일 애플리케이션 측 슬라이딩 탐색

Jquerymy — jQuery 구현에 사용 양방향 데이터 바인딩

Cleave.js — 실시간으로 입력 콘텐츠 형식 지정

Page — 클라이언트 단일 페이지 애플리케이션 라우팅

Selectize.js — 태그 추가를 위한 하이브리드 선택 상자

좋은 선택 — 아름다운 선택 상자를 만들기 위한 jQuery 라이브러리

Tether — 고정 위치를 사용하여 관련 요소 만들기

Shepherd.js — 만들기 애플리케이션 초보자 가이드

Tooltip — 툴팁 프롬프트 상자

Select2 — Jquery 선택 상자 플러그인

IziToast — 알림 팝업 창 구현

IziModal — 모달 상자 구현

CSS 라이브러리/디자인 관련

Animate.css — 애니메이션 라이브러리

플랫 UI 색상 — 플랫 디자인 색상 매칭

Material design lite — Google 머티리얼 디자인 프레임워크 기반

Colorrrs — 임의 색상 생성기

섹션 구분 기호—— 영역 분할을 위한 CSS

Topcoat—— 프레임워크

켄번 효과 만들기—— CSS3 사용 Ken이 특수 효과를 구현하는 애니메이션

DynCSS — CSS를 동적화하는 기능 추가

Magic animations  — CSS3는 애니메이션 특수 효과를 구현합니다

CSSpin    — Css ners collection

깃털 아이콘 — —아이콘 컬렉션

Ion 아이콘 — 아이콘 컬렉션

Font awesome — 아이콘 컬렉션

Font Generator — 여러 글꼴을 결합하여 하이브리드 글꼴 만들기

On/Off 스위치 — CSS를 사용하여 켜기/끄기 스위치 및 라디오 만들기 버튼

UI Kit—— and Framework

Bootstrap—— and Framework

Foundation and—framework

Useful products/links

cheatsheet——은 <로 작성할 수 있습니다. ;head> ;

Ghost 의 모든 태그 — Node.js 기반 블로그 플랫폼

What running — 웹사이트 기술 분석을 위한 Chrome 플러그인

무엇이든 알아보기 — 특정 주제

위 내용은 67가지 유용한 프런트 엔드 도구, 라이브러리 및 리소스의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!