Webデザイナーと開発者のための新鮮なリソース（2015年7月）

Web開発者はオンラインで見つかる無料のツールやリソースに恵まれています。それらは毎月Fresh Resourcesシリーズに忠実に集められています。先月のバッチを見逃した場合は、ここでもう一度訪れるか、今年の初めにまとめた残りの新鮮なリソースをチェックしてください。.

2015年7月のバッチでは、プラグインの更新を非公開で展開できるWordPressプラグインから魅力的なアニメーションを追加するためのWordPressプラグインまで、タスクを容易にするための新しいツールとリソースを取り上げています。.

アラジン

このプラグインは、OS X Spotlightに似た、WordPress管理に追加機能を追加します。それを使えば、あなたはあなたのMacの中のファイルとフォルダに素早くアクセスすることができます。インストールしたら、Shiftキーを2回押してから、アクセスしたいものを入力します。それはキーボードの使用でWordPress管理をよりアクセスしやすくする.

SiteOrigin CSS

SiteOrigin CSSはリアルタイムでテーマの外観をカスタマイズするための堅牢なWordPressプラグインです。プラグインはの下に新しいパネルを追加します 外観>カスタムCSS メニュー。そこでは、あなたが使用しているテーマのCSSを上書きするためのカスタムCSSルールを書くことができます。あるいは、CSSパネルを直感的に追加するためにGUIパネルを使うこともできます。.

DynamicsJS

DynmaicJSは、物理ベースのアニメーションを適用するためのライブラリです。私はPhysicのエキスパートではありませんが、このメニューの例はとても素敵です。それはHTMLとSVG要素をアニメートすることができます、そしてそれはどんな依存性なしであなたに速いパフォーマンスを与えます。 DynamicJSは、Safari 7以降、Firefox 35以降、Chrome 34以降、およびIE 10でテストされています。+.

機内モード

このプラグインは、Google Fonts、Gravatar、WordPressアップデータなどのいくつかのWordPress外部HTTPリクエストがプラグインやテーマリポジトリへの更新を試みることを防ぎます。これは、これらの呼び出しが失敗したときにエラーが発生するのを抑制するためのローカル開発用の便利なプラグインです（これは通常、非常に遅いインターネットでローカルに開発しているときに発生します）。.

カバーラー

あなたのウェブサイトのヘッダーにぴったりのビデオのコレクション。すべてのビデオは無料で、パブリックドメインの下でライセンスされています。をチェックアウトすることを忘れないでください “使い方” あなたのWebページにビデオを追加する方法を学ぶためのセクション.

活気のあるJS

VibrantJSは画像から目立つ色をつかみます。また、色形式の切り替えや背景とテキストの適切な構成の決定など、取得した色を処理するためのAPIもいくつか公開されています。動的な色生成を使用してWebサイトのインターフェイスを改善したり、画像がまだ完全に読み込まれていないときに色をプレースホルダ画像として使用したり、色見本を生成するWebアプリケーションを作成したりできます。.

GradifyCSS

このライブラリは2つの顕著な色をつかみ、得られた色からCSSグラデーションを生成します。 VibrantJSと同様に、画像が完全に読み込まれていないときの画像のプレースホルダーとして、またはオーバーレイカラーとしてグラデーションを適用できます。.

PurifyCSS

PurifyCSSは、スタイルシートから未使用のCSSルールを削除します。これを使用して、BootstrapやFoundationなどの大きなフレームワークのスタイルシートサイズを最大40％削減することができます。 PurifyCSSはGruntとGulpプラグインとして利用可能です.

WordPressのタイトル資本

名前はそれをすべて言っています。このWordPressプラグインは、投稿やページを保存または公開する際に、タイトルとコンテンツ内の見出しを適切な大文字に変換します。私はこのプラグインが複数の作者を持つウェブサイトにとって彼らのウェブサイトのコンテンツの一貫性を保つために有用であると思います.

GitHubアップデータ

このプラグインはユーザーに許可します インストールして自動的に更新する WordPressのプラグインはGitHubでホストされています。その名前にもかかわらず、このプラグインはBitbucketとGitLabもサポートしており、その中にはプライベートリポジトリのものも含まれています。自分のプラグインやテーマを自分のクライアント専用に開発して配布する開発者にとって便利なプラグインです。.

コード例

からのコード例のコレクション WordPressテーマレビューチーム. 現時点では、この例は、セクション、設定、パネルの作成など、カスタマイザAPIを使用してテーマカスタマイザコンポーネントを構築するためのコードで構成されています。将来追加されるベストプラクティスの他のコード例.