67 outils front-end, bibliothèques et ressources utiles

Cette liste contient de nombreux types de ressources, je les ai donc organisées en groupes ici.

Bibliothèque Javascript

Particles.js - Une bibliothèque pour créer des particules flottantes sympas sur le Web

Three.js - Une bibliothèque pour création d'objets 3D et d'espaces 3D sur le Web

Fullpage.js — Implémentez rapidement des fonctionnalités de défilement plein écran

Typed js— Effet machine à écrire.

Waypoints.js— Déclenche une fonction lors du défilement jusqu'à la position d'un élément

Highlight.js— Mise en évidence de la syntaxe Web

Chart.js — Utilisez JavaScript pour créer de superbes graphiques

Instantclick — Peut accélérer considérablement le temps de chargement du site Web et prévisualiser lors du survol de la souris. Charger les ressources

Chartist — Une autre bibliothèque de graphiques

Motio — Une bibliothèque de sprites basée sur l'animation et le panoramique

Animstion— Plug CSS jQuery -in pour la transition d'animation

Barba.js—Transition de page fluide

TwentyTwenty—Une image de comparaison Outil de comparaison visuelle

Vivus.js — Dessiner une animation sur SVG

Wow.js — Afficher l'animation lors du défilement

Scrolline.js — Afficher la progression du défilement lorsque la page défile

Velocity.js — Animation JavaScript rapide et fluide

Animer lors du défilement — Belle animation d'éléments de défilement de page

Handlebars.js — Modèle Javascript

jInvertScroll — Parallax Scroll

Défilement d'une page — Encore une autre bibliothèque de défilement de pages

Parallax.js — Parallaxe qui répond aux changements d'orientation des appareils intelligents Moteur

Typeahead.js - Achèvement de la recherche

Dragdealer.js — Cool Drag

Bounce .js — Créez du CSS3 sympa animations

Pagepiling.js — Défilement plein écran

Multiscroll.js — Inversion verticale de deux colonnes Faites défiler jusqu'à

Favico.js — Favicon dynamique

Midnight.js — Effet de changement de tête fixe

Anime.js — — Bibliothèque d'animations

Code clé — Obtenir le code clé JavaScript des touches du clavier

Triable — Plug-in glisser-déposer

Flexdatalist  —Autocomplete

Slideout.js  — Navigation coulissante dans l'application mobile

Jquerymy— Utilisation de jQuery Implémenter une liaison de données bidirectionnelle

Cleave.js—Formater le contenu d'entrée en temps réel

Page—Routage d'application client sur une seule page

Selectize.js — Boîte de sélection hybride pour ajouter des balises

Nice select — Bibliothèque jQuery pour créer de belles boîtes de sélection

Tether — Utilisez un positionnement fixe pour créer des éléments pertinents

Shepherd.js — Créez une intégration pour votre application

Tooltip — boîte d'invite d'info-bulle

Select2 — Plug-in de boîte de sélection Jquery

IziToast — Implémentation de la fenêtre contextuelle de notification

IziModal — Implémentation de la boîte modale

Bibliothèque CSS/conception liée

Animate.css— Bibliothèque d'animation

Couleurs plates de l'interface utilisateur—Correspondance des couleurs de conception plate

Material Design Lite— Basé sur le cadre de conception matérielle de Google

Colorrrs— Générateur de couleurs aléatoires

Séparateurs de sections — CSS implémente la segmentation des zones

Topcoat — Framework

Créer un effet de brûlure Ken — Utilisation de CSS3 L'animation réalise des effets spéciaux Ken Burns

DynCSS — Ajouter une fonction au CSS et animer le CSS

Animations magiques — CSS3 réalise des effets spéciaux d'animation

CSSpin — Collection de spinners CSS

Icônes de plumes — Collection d'icônes

Icônes ion — Collection d'icônes

Police géniale — Collection d'icônes

Générateur de polices — Combinaison de plusieurs polices Créer polices mixtes

Interrupteur marche/arrêt — Utilisez CSS pour créer des interrupteurs marche/arrêt et des boutons radio

Kit UI — Framework

Bootstrap — Framework

Foundation— Framework

Produits/Liens utiles

— Toutes les balises pouvant être écrites en

Ghost — Une plateforme de blogs basée sur Node.js

Ce qui fonctionne — Un plug-in Chrome pour l'analyse technique des sites Web

Tout apprendre— Une carte mentale puissante pour analyser un certain sujet

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!