Webデザイナーおよび開発者向けの新鮮なリソース（2017年5月）

A 便利なWebリソースのコレクション Web開発者が彼のツールキットで本当に楽しみにしているものです。したがって、私自身が開発者であることから、私はあなたに 最高かつ最新のWeb開発リソース 毎月.

今月のコレクションには スクリーンキャストのための面白い無料アプリ, Material Design言語に基づく2つのフレームワーク、パフォーマンステスト用の2つのライブラリ、CLI、および 他の便利なリソースの一握り. それで、以下のそれらを一つずつチェックしましょう。.

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

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

キャップ

Kapは MacOS用のきれいな小さなスクリーンレコーダー. Webテクノロジを使用して構築されたオープンソースのアプリです。私はこのアプリで大好きなことの一つは、それが提供しているということです すぐに使えるビデオの変換. Kapはあなたのアプリやウェブサイトのライブデモを記録するための素晴らしい代替手段です。.

めまいがする

Sizzyは レスポンシブWebサイトをテストするための開発ツール 単一画面上の複数のビューポートサイズで。それはと比較して超便利なアプリです Chrome内蔵のモバイルエミュレータ. SizzyはChrome拡張機能としても登場します。.

ミューズUI

A 材料設計原理に基づくUIライブラリ Muse UIは、Vue.js 2.0上に構築され、Appbar、Card、DialogなどのMaterial Design Compenentsが満載です。それは素晴らしいです UIを素早く構築して実行するためのフレームワーク.

高度なWP-CLI

私は大ファンです WP-CLIとほぼ毎日それを使用 私のWordPress開発者としての仕事に。しかし、それは私がWP - CLIがあなたをすることができることを私が見つけたのはごく最近のことです テーマ用のPHP UnitTest足場を作成する! これはWP-CLIの高度な使用法のリストです。 WP-CLIメンテナ、Daniel Bachhuber, 彼自身.

狂気

狂気は Windows用のスタンドアロンSketchファイルビューア. テキスト、ラスタ画像、グラデーション、影などが含まれているSketchファイルに最適です。それ インターネットに接続する必要はありません, したがって、開発者はどこからでもSketchファイルに取り組むことができます。そして それは完全に無料です.

K6

Webアプリケーションのほぼすべての面でスピードが重要. しかし、どのようにあなたはあなたのウェブサイトのスピードを測るのですか？まあ, 答えはK6です. それはあなたのウェブサイトへのトラフィックをシミュレートし、まるでそれが本当のトラフィックであるかのように指定された期間にウェブサイトをロードします。要するに、K6は パフォーマンスのためのUnitTest.

チェッカーサービス

ウェブアプリの素晴らしいリスト DNS、負荷、速度、SEO、セキュリティ、SSLなどの多くのことを確認してください。. これらのツールの多くは無料ですが、そこに記載されているいくつかのプレミアムサービスがあります ユーザーに高度な機能を提供する.

SVGito

小さなWebツールです Sketchアプリから生成されたSVGを最適化する. SVGコードをWebサイトに貼り付けると、最適化されたコードがすぐに返されます。.

ローンチャコ

あなたのスタートアップに最適な名前を見つける ソーシャルメディアで利用可能なユーザ名ハンドラを入手するのはさらに困難です。 Launchacoはその便利なツールです ドメイン名、ユーザー名を見つけることができます Twitter、Facebook、Instagramなどのようなさまざまなソーシャルメディアのために、そしてあなたを助けます 素敵なロゴタイプを生成する あなたのビジネスの.

不快

A CSSで行われたユニークなアニメーションのコレクション. あなたの心と心がそれを見るのに十分強くないならば、アニメーションを動かさないでください.

CSSグリッドチートシート

CSSグリッドを学ぶことは、それが多くの新しい特性になると非常に恐ろしいことがあります, 新しい測定ユニット、そしてほぼ完全に新しいパラダイム Webレイアウトを構築します。このツールは、名前が示すように、あなたを助けるためのものです CSS Gridで足を地面から降ろす.

ワークボックス

ワークボックスは プログレッシブWebアプリを構築するためのグーグルからの新しいイニシアチブ （PWA） YeomanやCreate React Appに似ています。 1行のコマンドで準備完了.

マヴォ

MavoはLea Verouによる新しいオープンソースプロジェクトです。それは裸のHTMLマークアップといくつかを変えるライブラリです 機能しているWebアプリケーションへのカスタム属性の追加. Backbone、Vue.js、またはReactなどの他のライブラリと比較して従うことができるので、より簡単に従うことができます。 ハイテクに精通したユーザーでWebアプリケーションを構築する 迅速かつ簡単に.

品目UI

Muse UIと同様、これは Meterial Design言語に基づくUIフレームワーク. しかしこれはReactを使って作られています。それは今あなたの好み次第です。一緒にいる場合 チームVue.jsまたはチームReact.

レイジーイメージ

Lazy Imageは 要求に応じて画像をロードするためのカスタムHTML要素. この顧客要素は追加の .活動的 あなたができるElementオブジェクト内のオブジェクト イベントやユーザーの操作で画像の読み込みをトリガーするために使用します。 必要に応じて.

Mac CLI

この気の利いたツール ターミナルからあなたのMacOSを管理する. 単純タイプ マックアップデート MacOSをアップデートする。または、 マックプレゼンテーション あなたのMacを準備します（すべてのアプリを最小化し、ブラウザを閉じ、デスクトップからファイルを送信する プレゼンテーションを配る前に、ゴミ箱にダウンロードして妨害しないモードを設定します。なんてかっこいいですか!

あなたを目覚めさせ続ける

KeepingYouAwakeはMacOS用のメニューバーユーティリティです。 Macが一定期間スリープモードに入らないようにする または有効になっている限り。 Homebrewを使ってこのアプリをインストールすることができます.

JSONフィード

最後に！これは JSONでコンテンツフィードを配信するための標準仕様 フォーマット。実装用に構築されたWordPressプラグインが既に存在します。これはWeb開発者の生活を楽にするはずです。ちょうどしましょう XMLに別れを告げる.

炭素

つまり、CarbonはPHPのMoment.jsです。生成するPHPライブラリです 日付と時刻の文字列を操作する.

スピードレーサー

もう一つ パフォーマンスユニットテスト用のツール. K6が訪問とトラフィックをシミュレートするためにVirutal Usersを送ることによって負荷テスターを実行する間、SpeedRacerはそうするでしょう ブラウザでのページレンダリングパフォーマンスを評価する. SpeedRacerはK6の良い仲間になることができます.