ホームページ » ウェブデザイン » Webデザイナーおよび開発者向けの新鮮なリソース(2016年12月)

    Webデザイナーおよび開発者向けの新鮮なリソース(2016年12月)

    私たちは2016年の終わりを迎えようとしています、そしてそれはウェブ開発者を含む多くの人にとってスリリングな年でした。今年, ReactJSの人気は指数関数的に急上昇しました, 新しいReactJSエクステンションがリリースされ、のリストに載っています Githubのトレンドリポジトリ (ほぼ)毎週.

    PHP7も今年リリースされました これは速度の大幅な向上と同様にのリリースを提供しています WordPress 4.7と待望のWP-API 機能、そして Facebookはまたヤーンパッケージを導入しました それはNPMに挑戦するかもしれません.

    その他のリソースはこちら

    その他のリソースはこちら

    推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。.

    これらの便利なリリースそれぞれの詳細については、以下のリストを見てみましょう。

    灯台

    LightHouseは Googleの便利なツール 次のような最新のWeb開発指標と照らし合わせてWebサイトを調査する。 ページロードパフォーマンス, サービスワーカーとのキャッシング, サーバー時間応答 などなど。これらのツールには、CLI(コマンドラインインターフェイス)とGoogle Chrome拡張の2つの形式があります。.

    FuseJS

    あいまい検索は、検索補完の一種です。 検索引数と完全には一致していなくても、数の可能性を返します。. たとえば、「to」を検索すると、結果が返されることがあります。 藤堂, ロボット, そして . これは 人気の検索パフォーマンス 今日のWebアプリケーションでは。 FuseJSは 軽量JavaScriptライブラリ それはあなたが簡単にあなたのウェブサイトにそれを実装することを可能にします.

    糸パッケージ

    糸は Facebookによって構築されたノードパッケージマネージャ. 速度などのいくつかの分野での進歩はありますが、基本的にはNPMと同様の動作をします。, インターネットに接続せずにパッケージをインストールできる「オフラインモード」, そして安全性と信頼性.

    メニューキャッシュ

    便利なWordPressプラグイン WordPressメニューをキャッシュする方法 データベースのクエリ速度を向上させるためにTransient APIを使用する。プラグインにはいくつかのフィルタが付属しています キャッシュ期間をカスタマイズする そして他のものを実行する。 Composerを使用するか、または 通常のWordPressプラグイン.

    ギトント

    Githuntは、Google Chromeの拡張機能です。 ChromeホームページをGithubトレンドリポジトリで置き換える. 結果は、期間とプログラミング言語に基づいて分類できます。ですね, インストールが必要なユーティリティ すべての開発者が最新のツールを常に最新の状態に保つために.

    FFocus

    仕事に集中できず、仕事を早く終わらせたいですか? FFocusを試してください。それは ターミナルから一定期間WebサイトをブロックできるCLI. FFocusすることができます NPMを介してインストール 実行することによって npm私ffocus -g コマンド.

    Accesslint

    AccesslintJSは あなたのウェブサイトを検証するためのJavaScriptライブラリ アクセシビリティのために。このライブラリを使用することは、それをロードするのと同じくらい簡単です。 タグ、そしてあなたは得るでしょう すべての警告とエラー DevToolsコンソールで.

    着色可能

    着色可能です 便利なWebアプリケーション それはあなたがWCAGガイドラインに準拠した色の組み合わせを生成することを可能にし、またあなたのウェブサイトを作ります 視覚障害のあるユーザーにアクセス可能 色覚異常のように.

    マイコン

    Miconは 選択したMicrosoft Windows 10絵文字のフォントアイコン. これはすることができます FontAwesomeの素晴らしい代替品 私はもう使いすぎだと思う.

    CSSリファレンス

    名前はそれをすべて言います。それは CSSの構文を調べるためのCSSリファレンス. それはまたそれを作る素敵な楽しい方法で提示されます MDNのCSSドキュメントの素晴らしい代替, つまらないと思うなら.

    フライホイールによるローカル

    これは あなたのmacOSにローカルWordPressウェブサイトをセットアップすることをとても簡単にするGUIアプリ. このアプリは、開発者向けの優れたユーティリティでいっぱいです。 “ワンクリック” WordPressのインストール, SSHアクセス、簡単なSSL設定、サイトの青写真、そしてXIP.io。アプリの価格は149ドル前後でしたが、 Flywheelに買収されて以来、無料で提供されるようになりました.

    FreeCodeCamp

    それは Web用のコードを学ぶための無料のリソース. 件名には、HTML、CSS、JavaScript、および ReactJSやD3のようないくつかのライブラリ. それは提供します 課題やプロジェクト例 あなたがコースを受講している間、チュートリアルも 主題をよりよく理解するのに役立ちます.

    OverPassフォント

    OverPassフォントはからなるフォントファミリーです。 8つのウェイト(200から900)、真のイタリック体、および固定幅フォント. フォントは、KeyCDNからWebフォントとしてロードすることもできます。 デスクトップ用にインストール. 無料でオープンソースです.

    フォームベース

    フォームベースは CSSスタイル規則のセット フォーム要素をリセットする 入力, チェックボックス, 選択する, そして テキストエリア 基本的でありながら美しいスタイルで. このCSSライブラリは良いです 他と組み合わせて使用​​する “CSSリセット” Normalize.cssのように.

    フロントエンド

    それは24ways.orgを構築するために使用される枠組みです。 素晴らしいリソース あなたが調べるかも 高度なCSSテクニックを学ぶ.

    勝利

    ReactJSは増え続けており、それに伴い それをサポートするための多数の拡張. 勝利は ReactJSコンポーネント 中間表現とチャートまたはデータの視覚化を追加する.

    インフェルノ

    インフェルノは モバイルデバイス上にWebインターフェースを構築するためのJavaScriptライブラリ. それは ReactJSからヒントを得た したがって、同様の構文規則が組み込まれています。ただし、違いは、Infernoが パフォーマンスを考慮して構築された それはそれを作る はるかに小さいサイズ そしてまたそれを与える より速いレンダリング時間.

    予感

    Permonishはできるライブラリです ユーザーの次のインタラクションを予測する. これにより、 ユーザーインターフェイス(UI)をより完璧に準備する 実際のユーザーがあなたのウェブサイトと対話する前に.

    SPAスターターキット

    これはLaravelとVueJSで構築されたSPA(Single Page Application)の例です。まだです フレームワークを使用してWeb開発を学ぶためのもう1つの素晴らしいリソース - ソースルークを見てください!

    文書化する

    Docuteは 単一ページのドキュメントを作成するためのJavaScriptライブラリ. それはVueJSで動かされて、あなたを可能にする多くのNodeユーティリティと共に出荷されます ドキュメントをすばやく設定して実行する.