Heim  >  Artikel  >  Web-Frontend  >  67 nützliche Front-End-Tools, Bibliotheken und Ressourcen

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

一个新手
一个新手Original
2017-09-09 13:16:001724Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn