前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 260（2017年4月24〜30日）

フロントエンドエリアの有用なリソースと興味深い資料へのリンクを含むセレクションをご紹介します。

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• フロントエンド開発者ができること
• HTMLショートパンツ：リンクでブロックをラップすることは可能ですか？ 。 Vadim Makeevが質問に答える新しい毎週のショー
• 回帰テストレイアウトの喜びとマック/ Alexey Maleykov（HTML Academy）
• 性能：
  
  
  • Twitter Liteの最適化方法
  • プリロード、プリフェッチ、プリコネクトを使用してサイトを高速化する方法
  • 画像最適化のヒント
  • 画像を最適化する方法：実用的なガイド
  • 画像の最適化とはどういう意味ですか？
  • CDNを使用した画像の最適化
  • パフォーマンスのためにWebフォントを最適化する
  • Guetzliのベンチマーク（Googleの新しいJPEGエンコーダー） -サイズと最適化時間の比較
  
  
• SVG：
  
  
  • Ana Tudorスピードコーディング：SVGを使用したカタツムリ 。 そしてすぐに、 SVGポリゴンの生成に関するミックスインの書き方に関するビデオ
  • SVGのモーフィング
  • SVGラインモーフィングトランジション
  
  
• ツール：
  
  
  • フロントエンド開発用のSublime Text 3プラグイン
  • Webpackの哲学の紹介
  • twitter.comのwebpack
  • コレクターとしてnpmを使用する
  
  
• アニメーション：
  
  
  • Web Animations APIの概要
  • Webシェイプモーフツール
  • WebGLスクロールスパイラル
  
  
• Google Developers Progressive Web Appsガイド
• 最初のオフラインの最初のサイトを作成した方法
• awesome-wasm-選択されたWebAsseblyマテリアル

CSS

• Web開発用のJavaScriptでのCSSの使用をやめる
• レイチェル・アンドリューは、グリッドレイアウトの例で仕様を作成する際の微妙な違いについて説明しています。
• JavaScriptのCSS：コンポーネントスタイリングの未来
• calc（）、vw、ブレークポイント、線形方程式を使用した高度なラバータイポグラフィ
• CSSで位置を設定する最良の方法
• CSSグリッドを使用して春の図面を描画する
• CSSグリッドを使用したレスポンシブ周期表
• Booking.comでのシステムフォントの実装-教訓
• カスタムCSSプロパティの準備ができたので、すべての値を個別に変更できます
• CSS unicode-rangeを使用してフォントを結合する
• CSSマージンとパディングの設定方法（およびクールなレイアウトトリック）
• CSSプロパティをグループ化するためのさまざまな論理オプション
• Sassコントラストカラーツール
• CSSブレンドモードで魔法をかける
• アドベンチャータイム-JSなしで作成された実験的なゲーム-HTML5およびCSS3のみ

Javascript

• JavaScriptラムダ計算
• JavaScriptでの関数型プログラミングと実用的な例
• 4月22日にキエフで開催されたJavaScript会議fwdays'17のビデオレポート
• 生産的なJavaScriptを作成しています。 3つのヒント。
• 再利用可能なJavaScript関数を使用したCSS状態管理
• インフォグラフィック：すべてのJavaScriptを1つの画像に
• TypeScript 2.3の発表 。 TypeScriptの人気が高まっているのはなぜですか？
• JS / jQueryスパゲッティコードをよりよく整理する方法
• Quokka-JetBrains IDE用のライブJavaScriptスクラッチパッド（無料ツール）
• グリマーはエンバーの死を意味しますか？
• 10 JavaScript Machine Learningの例
• 理論：
  
  
  • JavaScriptのインフォマティクス：クイックソート（Quicksort）
  • 未定義が定義されることがあります
  • JavaScriptフレンドリなクリーンコードの概念
  • JavaScriptを奇妙なプログラミング言語にしているのはなぜですか？
  • JavaScript：初心者向けの「This」キーワード
  • JavaScript ES2015のオブジェクト継承パターン
  • 7秒での非同期/待機の理解
  
  
• Vue：
  
  
  • Vue.jsでJavascriptライブラリを使用する
  • Vue JS、Webpack、およびMaterial Designを使用したプログレッシブWebアプリケーション[パート1]
  
  
• 反応：
  
  
  • AirbnbがReact Sketch Sources、React、Sketch Linkライブラリを発表
  • ダンアブラモフによるReact.jsについて誰も語らないこと
  • どのプロジェクトにReactが必要ですか？ それだけです！
  • Reactで大規模なアプリケーションを整理し、スケーラブルにする方法
  • React JSを使用して静的サイトを作成します 。 パート1：プロジェクトとサイトUIのセットアップ
  • ExpressバックエンドでのReactアプリケーションの作成
  • recycle-Reactの機能的およびリアクティブなライブラリ
  • 独自のReduxの作成
  
  
• 角度：
  
  
  • 無料コース「Angular v2 +入門」 （v4でも機能）
  • SPAフレームワークの歴史：AngularJS 1.xと懐かしさ
  • Angularのリアクティブプログラミング
  • angle-ssr- 角度 /素材、jQuery、およびその他のライブラリと互換性のあるサーバーレンダリング
  
  
• ライブラリとプラグイン：
  
  
  • Moonは、インターフェイスを作成するための高速ライブラリです。
  • en-inflectors-英語の名詞、動詞、形容詞の偏向を扱うためのライブラリ
  • SmartPhoto.js-モバイルデバイスをサポートするシンプルな画像ビューアー
  • {S} tr {M} an-文字列を操作するための強力なライブラリ

ブラウザ

• Vivaldi Browser 1.10.289.3のDevTools
• Vivaldi 1.9 Webブラウザリリース
• Chromeに追加のHTTPセキュリティ警告が導入されました
• ブラウザ市場の概要、2017年4月

おもしろい

• パベル・デュロフは、テレグラムの多くの革新を発表しました。ボット、ビデオメッセージ、望遠鏡機能を介した支払い
• GoogleマップとGoogle検索は、さまざまな場所のレビューをユーザーの母国語に自動的に翻訳し始めました
• WordPress 4.8はInternet Explorer 8.9および10を廃止します
• Googleは検索アルゴリズムを更新して、誤った情報に対処しました
• 未来の世界：コンピューターハッキングと映画ハッカーに関する神話
• 10億人への道：Instagramには既に7億人のユーザーがいます 。 LinkedInには5億人のユーザーがいます。 これはTwitterとSnapchat以上のものです
• Yandexニューラルネットワークマスターソーティングレター
• Googleアルゴリズム「Fred」を更新します。 専門家は何と言っていますか？
• ニューラルネットワークは、言語ガイドでビデオゲームをマスターしました
• Alexandria Library-2を焼きます。 グーグルは2500万冊の本をデジタル化しました-なぜそれらが読めないのですか？
• スティーブ・ウォズニアックは、人類の未来をどのように見ているのかを語った
• Uberは2020年に空飛ぶタクシーの発売を発表しました
• マスクは、Neuralinkのコンピューターと脳のインターフェースがどのように機能するかを語った
• Mine3Dゲーム

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

← 先週のダイジェスト
ダースモールとアレクスコロビンが作成した資料