67 の便利なフロントエンド ツール、ライブラリ、リソース

このリストにはさまざまな種類のリソースが含まれているため、ここでそれらをグループに整理しました。

Javascript ライブラリ

Particles.js—Web 上にクールな浮遊パーティクルを作成するためのライブラリ

Three.js—Web 上に 3D オブジェクトと 3D 空間を作成するためのライブラリ

Fullpage.js—全画面スクロール機能を素早く実装

Typed.js—タイプライター効果

Waypoints.js—特定の要素の位置までスクロールするときに関数をトリガー

Highlight.js—高度なWeb構文明るい

Chart.js — JavaScript を使用して美しいチャートを作成します

Instantclick — ウェブサイトの読み込み時間を大幅に短縮し、マウスホバー時にリソースをプリロードできます

Chartist — 別のチャートライブラリ

Motio — アニメーション -ベースの Sprite Gallery

Animstion - CSS でアニメーション遷移を実現する jQuery プラグイン

barba.js — ストリームページ遷移

Twentytwenty — 比較画像の可視化 DIFF ツール

vivus

vivus 。 js

— SVG でアニメーションを描画します

Wow.js

— スクロール時にアニメーションを表示します

Scrollline.js

— ページがスクロールするときにスクロールの進行状況を表示します

Velocity.js🎜 — 高速かつスムーズな JavaScript アニメーション🎜

スクロールでアニメーション — 美しいページスクロール要素のアニメーション

Handlebars.js — Javascriptテンプレート

jInvertScroll — パララックススクロール

ワンページスクロール — さらに別のページスクロールライブラリ

— スマート デバイスの向きの変化に応答する視差エンジン

Typeahead.js — 検索補完

Dragdealer.js — クールなドラッグ アンド ドロップ

Bounce.js — クールな CSS3 アニメーションの作成

Pagepiling.js — 全画面スクロール

Multiscroll.js — 2 列の垂直逆スクロール

Favico.js — 動的なファビコン

Midnight.js — 固定頭切り替え効果

Anime.js — アニメーション ライブラリ

Keycode

— キーボードのキーの JavaScript キーコードを取得します

Sortable

— ドラッグ アンド ドロップ プラグイン

Flexdatalist

— オートコンプリート

Slideout.js — モバイル アプリケーション側のスライド ナビゲーション

Jquerymy — jQuery を使用して実装します双方向データ バインディング

Cleave.js — 入力コンテンツをリアルタイムでフォーマットする

Page — クライアントのシングルページ アプリケーション ルーティング

Selectize.js — タグを追加するためのハイブリッド選択ボックス

Nice select — 美しい選択ボックスを作成するための jQuery ライブラリ

Tether — 固定位置を使用して関連要素を作成する

Shepherd.js —アプリケーションの初心者ガイド

Tooltip — ツールヒント プロンプト ボックス

Select2 — Jquery 選択ボックス プラグイン

IziToast — 通知ポップアップ ウィンドウの実装

IziModal — モーダル ボックスの実装

CSS library/ デザイン関連

Animate.css — アニメーション ライブラリ

Flat UI Colors — フラット デザインのカラー マッチング

マテリアル デザイン lite — Google マテリアル デザイン フレームワークに基づく

Colorrrs — ランダム カラー ジェネレーター

セクション区切り—— 領域分割を実現するための CSS

トップコート—— フレームワーク

ケンバーン効果を作成—— CSS3 を使用 アニメーションは Ken burns 特殊効果を実装します

DynCSS — CSS を動的にする機能を CSS に追加します

Magic アニメーション — CSS3 はアニメーション特殊効果を実装します

CSSpin — Css ners collection

羽根アイコン — —アイコンコレクション

イオンアイコン — アイコンコレクション

フォント素晴らしい — アイコンコレクション

フォントジェネレーター — 複数のフォントを組み合わせてハイブリッドフォントを作成します

オン/オフスイッチ — CSSを使用してオン/オフスイッチとラジオを作成しますボタン

UI Kit——とフレームワーク

Bootstrap——とフレームワーク

Foundationと—フレームワーク

便利な製品/リンク

チートシート——は<で書くことができます;head> ;

Ghost のすべてのタグ — Node.js に基づくブログ プラットフォーム

何が動作するのか — ウェブサイトの技術分析のための Chrome プラグイン

何でも学べます — 分析のための強力なマインド マップとある話題

以上が67 の便利なフロントエンド ツール、ライブラリ、リソースの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。