67 nützliche Front-End-Tools, Bibliotheken und Ressourcen

Diese Liste enthält viele Arten von Ressourcen, daher habe ich sie hier in Gruppen organisiert.

Javascript-Bibliothek

Particles.js – Eine Bibliothek zum Erstellen cooler schwebender Partikel im Web

Three.js – Eine Bibliothek für Erstellen von 3D-Objekten und 3D-Räumen im Web

Fullpage.js – Schnelle Implementierung von Vollbild-Bildlauffunktionen

Typed js – Schreibmaschineneffekt

Waypoints.js – Funktion auslösen, wenn zu einer Elementposition gescrollt wird

Highlight.js – Web-Syntax-Hervorhebung

Chart.js – Verwenden Sie JavaScript, um schöne Diagramme zu erstellen

Instantclick – Kann die Ladezeit der Website erheblich beschleunigen und beim Mouseover eine Vorschau der Ressourcen anzeigen

Chartist – Eine weitere Diagrammbibliothek

Motio – Eine Sprite-Bibliothek basierend auf Animation und Schwenken

Animstion – CSS-jQuery-Plug -in für Animationsübergang

Barba.js – Fließender Seitenübergang

TwentyTwenty – Ein Vergleichsbild Visuelles Diff-Tool

Vivus.js – Animation auf SVG zeichnen

Wow.js – Animation beim Scrollen anzeigen

Scrolline.js  – Scrollfortschritt anzeigen, wenn die Seite scrollt

Velocity.js  –  Schnelle und flüssige JavaScript-Animation

Beim Scrollen animieren – Schöne Seiten-Scroll-Elementanimation

Handlebars.js – Javascript-Vorlage

jInvertScroll – Parallax Scroll

One-Page-Scroll – Noch eine weitere Page-Scroll-Bibliothek

Parallax.js – Parallax, die auf intelligente Geräteausrichtungsänderungen reagiert Engine

Typeahead.js – Search Completion

Dragdealer.js – Cool Drag

Bounce .js – Erstellen Sie cooles CSS3 Animationen

Pagepiling.js – Scrollen im Vollbildmodus

Multiscroll.js – Vertikale Umkehrung zweier Spalten Scrollen zu

Favico.js – Dynamisches Favicon

Midnight.js – Fester Kopfwechseleffekt

Anime.js  –   – Animationsbibliothek

Tastencode  –  Erhalten Sie den JavaScript-Tastencode der Tastaturtasten Flexdatalist   – Automatische Vervollständigung

Slideout.js   – Slideout-Navigation für mobile Anwendungen

Jquerymy – Mit jQuery bidirektionale Datenbindung implementieren

Cleave.js– Eingabeinhalte in Echtzeit formatieren

Seite– Client-Single-Page-Anwendungsrouting

Selectize.js – Hybride Auswahlbox zum Hinzufügen von Tags

Schöne Auswahl – jQuery-Bibliothek zum Erstellen schöner Auswahlboxen

Tether – Verwenden Sie eine feste Positionierung, um relevante Elemente zu erstellen

Shepherd.js – Erstellen Sie Onboarding für Ihre App

Tooltip – Tooltip-Eingabeaufforderungsfeld

Select2 – Jquery-Auswahlfeld-Plug-in

IziToast – Implementierung eines Benachrichtigungs-Popup-Fensters

IziModal – Modale Box-Implementierung

CSS-Bibliothek/designbezogen

Animate.css– Animationsbibliothek

Flache UI-Farben – Farbabstimmung im flachen Design

Material Design Lite – Basierend auf dem Framework von Google Material Design

Colorrrs – Zufallsfarbgenerator

Abschnittstrennzeichen – CSS implementiert Bereichssegmentierung

Topcoat – Framework

Ken Burns-Effekt erzeugen – Mit CSS3 Animation realisiert Ken Burns-Spezialeffekte

DynCSS — Funktion zu CSS hinzufügen und CSS animieren

Magische Animationen — CSS3 realisiert Animations-Spezialeffekte

CSSpin — CSS-Spinner-Sammlung

Federsymbole — Symbolsammlung

Ionensymbole – Symbolsammlung

Font awesome – Symbolsammlung

Schriftartengenerator – Kombinieren mehrerer Schriftarten Erstellen gemischte Schriftarten

Ein-/Ausschalter – Verwenden Sie CSS, um Ein-/Ausschalter und Optionsfelder zu erstellen

UI-Kit – Framework

Bootstrap — Framework

Foundation— Framework

Nützliche Produkte/Links

– Alle Tags, die in geschrieben werden können

Ghost – Eine Blogging-Plattform basierend auf Node.js

Was läuft — Ein Chrome-Plug-in für die technische Analyse von Websites

Alles lernen— Eine leistungsstarke Mindmap zur Analyse eines bestimmten Themas

Das obige ist der detaillierte Inhalt von67 nützliche Front-End-Tools, Bibliotheken und Ressourcen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!