前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 229（2016年9月19〜25日）

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

• レイアウト：カスタムコンテンツを表示する
• HTML 5.1がリリースされ、HTML 5.2が準備されています。 HTML 5.2へようこそ！
• エアベルリン：プログレッシブWebアプリの実装
• プログレッシブWebアプリの秘密：パート1
• DOMテンプレートエンジンによる高速レンダリング
• Podcast Web Standards、Issue No. 34：新しいGithub、Chrome、Safari、HTMLおよびSVG仕様、新しいAPI、文字、フォント、デザイナー向けJS、Sass、PostCSSおよびCSSTree。
• 初心者デベロッパーになり、夢中にならない方法
• オタク向けWebカラーガイド
• SVG：
  
  
  • SVGのURLエンコーダー
  • ハイコントラストモードでアクセス可能なSVG
  • SVGにはより多くの可能性があります
  
  
• ホログラムとGulpを使用してスタイルガイドを生成する方法
• クライアントのヒント レスポンシブ画像に関するレスポンシブ画像201シリーズは継続しています。
• Webアクセシビリティの開始（開発者：Webアクセシビリティの開始）
• Inky and Slinky ：レスポンシブHTMLメールテンプレートを簡単にするZurbツール
• DevTools Chrome開発者向けの12のヒント（Chrome DevToolsの12のすばらしいヒント）
• プログレッシブエンハンスメントを使用してGOV.UKを構築する理由（プログレッシブエンハンスメントを使用してGOV.UKを構築する理由）
• PPK：ハッキングのハックとしてのWeb開発
• マイクロサービス-しないでください）
• 壮大なウェブ：
  
  
  • 背景画像の効果的な変換 （背景セグメント効果）
  • HTML5キャンバスの稲妻効果 （稲妻効果）
  • 湾曲した背景のスライダーできれいなスライダー

CSS

• PostCSS。 Sass and Lessの後の未来
• Sass 3.5のファーストクラス機能を理解する
• CSSのみを使用して実装される8つのトリック
• Sassのテーマ：無限の物語
• background-imageのインラインスタイル
• フォント：
  
  
  • フォントにブレーキをかけないでください：コンテンツをすばやく表示するための3つのWebパフォーマンステクニック）
  • 新しいシステムフォントスタック （新しいシステムフォントスタック？）
  • OpenType Font Variations Technologyを使用したOpenTypeフォントの紹介（OpenType可変フォントの紹介）
  • SVGのシステムフォント
  
  
• CSSグリッドレイアウト：
  
  
  • CSSグリッドが現実の世界に対応-ログインフォーム
  • CSSグリッドレイアウト：ゴム製の柱とより良い溝
  • CSSグリッドレイアウト：クイックスタートガイド
  
  
• 動作中のエスカレーターの例を使用したフロートの説明（エスカレーターに乗って説明したCSSフロート）
• Sassの斜めの角 （ Sassの傾斜角）
• 9 CSSの未使用機能
• CSS shape-outsideを使用してボックスの外側を考えるCSS shape-outsideを使用してボックスの外側を考える
• wysiwyg.css-単一のCSSクラスを持つTinyMCEまたはMarkdownのスタイルコンテンツ
• CSSの縦棒グラフ

Javascript

• TypeScript 2.0は、JavaScriptを補完するものとしてMicrosoftによって推進されています。
• TomskJSミートアップ1のビデオレポート（09/03/16）
• Nordic.js 2016のビデオレポート
• ChromeおよびFirefoxの更新後のJavaScriptエラーの視覚化（FirefoxおよびChromeの更新後のJavaScriptエラーの視覚化）
• エルムが世界を変える理由
• ESLintの設定と開始-JSコード検証 （ESLintの起動と実行-プラグ可能なJavaScriptリンター）
• Carved In Stone： JSの不変性（Carved In Stone：JavaScriptの不変物）
• 5年後にJavaScriptを記述しない理由
• JSで知らない7つのこと（JavaScriptでは知らない7つのこと）
• jQuery 3-新機能とパフォーマンスの改善
• Node.jsとio.jsの統合後1年でのNode.jsの進捗状況と技術の進歩）
• クロスプラットフォームElectronアプリを構築するための4つの知っておくべきヒント
• フレームワーク
  
  
  • 角度：
    
    
    • Angular 2がリリースされました。 これはReactを危険にさらしますか？ （Angular 2がリリースされました！これはReactを脅かしますか？）
    • Angular 1.xからAngular 2への移行：アップグレード戦略）
    • Angular 2アプリケーションのパフォーマンスをチューニングする4つのステップ （Angular2アプリのパフォーマンスチューニングの4つの段階）
    • Angular 2の学習が耐え難い理由
    • Angular 2のフォーム検証（Angular 2フォーム検証）
    • Angular 2を学ぶための30のリソース
    • 維持角-Angular 1および2でサポートされているプロジェクト （維持角-維持角プロジェクト）
    • Angular 2の変更検出について
    • Angular 2のルーター3.0.0の新しいリリースを使用する
    • Jasmineを使用したAngular 2のコンポーネントのテスト（ Jasmineを使用したAngular 2のコンポーネントのテスト）
    
    
  • 反応：
    
    
    • React Routify- Reactアプリケーションのルーティングライブラリ
    • mdcomponents-マテリアルデザインを使用したReactアプリケーションのコンポーネント （mdcomponents-Reactのマテリアルデザインコンポーネント）
    • Reduxアクションを管理する新しいアプローチ
    • Reduxが必要ない場合があります （ Reduxが必要ない場合があります）
    • Reduxパターンと反パターン（Reduxパターンと反パターン）
    • ReduxまたはMobX：混乱を解消する試み
    • React Native Dies（React Native Dies）
    
    
  • Vue（Reactではない）が新しいjQueryである理由）
  • VueおよびVuexのデータフロー
  • ポッドキャスト：Vue.js 2.0に表示されるもの （50：Evan You- Vue.js 2.0に登場するもの）
  
  
• プラグイン
  
  
  • Reflexbox -Reactコンポーネント用のFlexboxのレスポンシブメッシュ
  • optimize-js-特別なメソッドで関数をラップすることにより、JavaScript呼び出しを最適化および高速化します
  • ApproveJs-データをチェックするためのライブラリ （ApproveJs-干渉しない単純なJavaScript検証）
  • retina.js 2.0-サイトのRetinaサポート
  • fetch-reject- HTTPエラーで拒否するフェッチ用のシンプルなラッパー
  • GraphicsJSは 、SVG / VMLテクノロジーに基づいた直感的なAPIを備えた軽量のJavaScriptグラフィックライブラリです。
  • pareto.js- JavaScript用の非常に小さく、直感的で高速な機能ユーティリティライブラリ）

レッスン

• マスタークラス：レイアウトインタラクティブバナー
• JavaScriptでテトリスゲームを書く
• Angular 2 cli、rxjs、webpackを使用してハッカーニュースを作成する
• Three.js、ReactJS、およびWebGLを使用してゲームを作成する
• ScoutとVue.jsを使用して検索機能を作成する

ブラウザ

• VPNが統合されたOpera 40 Webブラウザリリース
• Firefox 49リリースと開発者向けの技術詳細
• Android向けChrome 54ベータ版はバックグラウンドで動画を再生できます
• falcon-サイト訪問の履歴を完全に検索するChrome拡張機能

ニュースと面白い

• Googleマップに方向が表示されるようになりました
• GoogleはアプリページよりもAMPを好む
• Googleは、ペンギンをコアアルゴリズムの一部にしています：ペンギンが検索結果に与える影響
• Googleはメッセージ暗号化と組み込みアシスタントを備えたAlloメッセンジャーを開始しました
• 義肢装具と外骨格の所有者間の競争がどのように、そしてなぜ必要か
• Googleは引き続きAndroidとChrome OSを統合
• Mozillaの4つの最後の再設計 （Mozillaのブランド変更は最後の4つに到達します）
• MotionMark：新しいWebkitグラフィックベンチマーク

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

← 先週のダイジェスト

» ダースモールとアレクスコロビンが作成した資料。