↕️ 🍪 🧢 Web開発およびITの世界からの興味深い資料のダイジェスト。先週の第204号（2016年3月21〜27日） 👨🏿‍🏭 😓 ❄️

役立つリソース、興味深い資料、ITニュースへのリンクを含むセレクションをご紹介します

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

NPMの使用例：
- 1人の開発者がNPMパッケージマネージャーをほぼ「壊した」
- NPMと左パッド：プログラムの方法を忘れましたか？
- 悪意のあるワームモジュール攻撃に対するNPMの脆弱性
- この奇妙なトリックでインターネットを壊さない方法）
- 左パッドはJavaScriptエコシステムの脆弱性の指標ですか？（左パッドは壊れやすいJavaScriptエコシステムを示していますか？）
- npmブログ：kik、left-pad、およびnpm
- インターネットの破壊に関する議論
Web標準ポッドキャスト、第8版：測定単位、サーボエンジン、Naked CSS、React Criticism
レスポンシブ画像：スイッチの解像度
SEOへの技術的アプローチ（パート1）
進歩的な改善は私を混乱させます。プログレッシブエンハンスメントの翻訳は悲しくなります
Webサイトの画像を最適化してパフォーマンスとUXを改善する方法
8か月後の GoogleのMobileheaddonの余波（GoogleのMobilegeddonの余波：より良いモバイルWebへの8か月）
Google Totally Tooling Tearsブログの最新のWeb開発キット：問題2：Electron.js、デスクトップのホーム画面に追加、サーバー側のレンダリングとエンバー、DevTools DimensionsおよびPWAロードショー
フロントエンド開発メールリストでの定期的なメーリングの選択
開発を高速化するためのBrowserSyncの使用方法
最初のService Workerのスタイルガイドをコピーして貼り付けます。（最初のService Workerへのコピー＆ペーストガイド）
Foundation for Emails 2リリース
Canvas vs. SVG ：適切なツールを選択します（Canvas vs. SVG：Choose the Right Tool for the Job）
HTMLとCSSでのコメントはどれくらい良いですか？（HTMLとCSSのコメントはどれくらい良いですか？）
フロントエンドのダーティトリック（クイックヒント：フロントエンドの暗いコーナーからのダーティトリック（スライド、PDF））
Webアニメーションの過去、現在、未来
最速でロードするSPA （およびWebpackがどのように役立つか）（可能な限り最速の方法でSPAをロードする（およびWebpackがどのように役立つか））
AppleはWebの将来にとって悪いニュースです
完全にツールのヒント： Gulp 4の概要
ブラウザ
- Google DevToolsの新しいデバイスエミュレーションモード（モバイル第一世代の新しいデバイスモード）
- iOS 9.3上のSafariの開発者向けの詳細：レスポンシブ画像、iPhone SE、縮小フィット、その他の新しいAPI
- Chromeデベロッパーツール：最高の動画、コース、アドオン
壮大なウェブ：
- CSS / SVG / JS＃30の美しいエフェクトの毎週の編集
- インク転移効果
- CSSおよびSVGのアニメーション動物

CSS

REM対EM-大論争
人間の顔を持つBEM
タイポグラフィでビューポートユニットを使用する
CSSコードベースのクリア。 CSSコードベースをクリーンアップする記事の翻訳
「ロードされていない画像の設計」-ユーザーのケア（いいえ）
PiterCSS No. 2からの記録放送
Houdiniプロジェクト：おそらく聞いたことのない最も刺激的なCSS開発（Houdini：たぶん聞いたことのないCSSで最も刺激的な開発）
CSS HoudiniはWeb開発に革命をもたらしますか？
Reactの状態とCSS
CSSをAngular 2コンポーネントに追加するすべての方法
CSSタイポグラフィ：カーニング、合字、ストローク、および資本（CSSタイポグラフィ：カーニング、合字、スワッシュ、スモールキャップ）
Normalize.css 4.0リリース
font-faceでのフォントプロパティの宣言のニュアンスについて（ font-faceでのフォントプロパティの宣言とはどういう関係ですか？）
CSSクリップパスを使用したダイナミックグラフィックノベルのイラスト（CSSクリップパスを使用したダイナミックグラフィックノベルイラスト）
CSSとスケーラビリティ
アクセシブルでシンプルなレスポンシブテーブル
CSSプリプロセッサを使用しない理由
オブジェクトフィットの画像装飾（オブジェクトフィットの画像装飾）
4つのPostCSS神話を破壊する（PostCSS神話破壊：4つのPostCSS神話が破壊された）
CSSグリッドとCSSリージョンを示すレイチェルアンドリューのビデオ

Javascript

「ES7」 -JavaScript開発計画の誤った名前
ECMAScript 2016（ES7）に表示されるもののリスト
非同期の街へのJavaScriptの旅
公式： JavaScriptは世界で最も人気のあるプログラミング言語です。
フレームワーク
- Reactを使用してSVGアイコンのシステムを作成します。 Reactを使用したSVGアイコンシステムの作成
- reBEM ：BEMに反応します。 ReactエコシステムBEMパッケージパッケージ
- Reactの完全な紹介。含まれるもの：反応、ウェブパック、バベル、反応ルーター、テスト。（Reactの完全な紹介）
- Reactでレベルアップ：コンテナコンポーネント
- 最初のコンポーネントはAngular 2のステップバイステップ学習です（Angular 2のステップバイステップ入門：1-最初のコンポーネント）
- 最初のAngular 2コンポーネントを作成する
- Angularテンプレートの利点
- Angular 2のテンプレート駆動型フォーム
- Express JSフレームワークの信じられないほどの歴史（Express JavaScriptフレームワークの信じられないほどの歴史）
ChernihivJSからのいくつかのビデオ
JavaScriptの学習：25のJavaScriptエキスパートによるJavaScriptのベストプラクティスとリソース（JavaScriptの学習）
JavaScript疲労の克服に関するEat Sleep CodeポッドキャストのTodd Motto。（JavaScriptの疲労を克服する）
Webアニメーションの約束
Fluent Conf 2016：Jeremy Fairbank- 非同期JavaScriptの台頭（Fluent Conf 2016：Jeremy Fairbank-非同期JavaScriptの台頭）
いつTypeScriptを使用すべきですか？（TypeScriptはいつ使用する必要がありますか？）
JavaScriptでテスト可能なコードを書く：簡単な概要
Node Hero- Node.jsの開始（ Node Hero- Node.jsの開始）
Google App EngineのNode.jsがベータ版になります（Google App EngineのNode.jsがベータ版になります）
Immutable.jsと関数型プログラミングの概念の紹介
Vanilla JavaScriptを使用してAtomパッケージを作成する方法
パスワード表示ボタンを作成する方法
JavaScript エミュレーター
プラグインとライブラリ：
- StickyState-ネイティブ位置を実装するためのポリフィルプラグイン：ブラウザのstickyプロパティ（IE> = 9）
- MidiWriterJS -MIDIファイルジェネレーター（オーディオ）
- EventControl-複数のイベントをスクロールして同じ日付内に配置できる機能を備えたタイムライン（EventControl-イベントのスタックをサポートするjQueryタイムラインコントロール）
- match-JSONをテストするためのライブラリ（match-いくつかの便利な機能を備えたJSONをテストするためのJavaScriptライブラリ）
- snapback_cache- 「エンドレス」スクロールによるページのクライアント側キャッシュのためのjQueryライブラリ

設計

Webに表示領域の境界線はありますか？
Photoshopで常に望んでいたRetinaアセットワークフロー
魅力的。モバイルUIでのアニメーション検索
ユーザーの適応は、適切なリンク先ページから始まります（ユーザーのオンボーディングは、適切なリンク先ページから始まります）
ピクサーの22のストーリーテリングのルールでUXを改善する
ハンバーガーアイコンに関する2つの異なる議論
ダイアログ設計のための5つの基本的なUXルール
アニメーションをUX戦略に合わせる方法（アニメーションをUX戦略に合わせる）
画像がサイトを破壊する理由（画像がサイトを破壊する理由）
iPadのTim Cookへのイラストレーターの手紙
スマートデザインの通知を作成する
フラッグストーリー
無知のベール
60秒でのPhotoshop ：グラデーションツールの使用方法
イラストレーターで漫画を描く（イラストレーターで漫画を描く）
60秒でのIllustrator ：Alignパネルの使用方法
Adobe Illustratorでフラットデザインのイースターアイコンを作成する方法
スケッチ：
- スケッチ：チームと作品を共有する方法（スケッチアプリ：チームとアートボードを共有する方法）
- スケッチのスタイルガイド（一貫性を保ってください！スケッチのスタイルガイド）
- Qordoba Sketch Layout Plugin
- Sketchでカラーパレットを作成する簡単で高速な方法
- Sketchで一般的なスタイルとキャラクターを使用する

無料のデザイナーCookieのセレクション

GoogleはNik Collectionを無料で提供します-写真を編集するためのプラグインのセット
UXに関する7つのスタンディングブック（無料のUX電子書籍7冊）
Photoshop用アクション（Pure Photoshopアクションコレクション-無料ダウンロード）
スニーカーのベクトルアウトライン画像。
ビンテージフレームセット（景品：ビンテージベクトルフレームセット）
2つのスタイルの1,000を超えるフラットアイコン（2つのスタイルの 1000以上の無料BLOBフラットアイコン）
不動産をテーマにしたアイコンのセット（PNG、SVG、AI、ICO）（異なる不動産アイコンセット-無料PNG、SVG、AI、ICOダウンロード）
SerifフォントVenice （無料ダウンロード：Venice Serifフォント）
Peace Sans-Sans Serifフォント（Peace Sans | FREE FONT）
RunedフォントPixe lute （Pixe lute Freeフォント）
プロジェクトのフレッシュフォント（プロジェクトでの使用を検討する47のフレッシュフリーフォント）

ニュース

おもしろい

入力ミスやリンクの破損/重複をおaびします。あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。

先週のダイジェスト。
dersmollとalekskorovinが作成した資料。

Web開発およびITの世界からの興味深い資料のダイジェスト。先週の第204号（2016年3月21〜27日）

ウェブ開発

CSS

Javascript

設計

無料のデザイナーCookieのセレクション

ニュース

おもしろい

More articles: