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

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

ウェブ開発

CSS

Javascript

ブラウザ

ニュースと面白い

ウェブ開発

• node_modulesフォルダーを調べましたが、何が起こったのか信じられません
• Podcast Web Standards、Issue No. 29 ：フラッシュ葬儀、サムスンインターネット、CSSシークレットブック、カラー機能、SVG、ボタンカーソル。 アウェイ-ローマ・コマロフ
• レイアウトのレビュー：10の便利なヒントとコツ
• 最適化されたプラグインとテーマ管理でリリースされたWordPress 4.6“ Pepper”
• 10k Apartは、10Kbに制限され、JSなしで機能する本格的なサイトまたはWebアプリケーションを作成するための競争です 。 サラ・スウェイダン、レイチェル・アンドリューなどによる作品
• いまいましいコードを書く必要はありません 、フリーランサーのHeydon Pickering（Writing Less Damn Code）がアドバイスします
• 平均Webページ（800万Webサイトの分析データ）
• Webサイトでリプレイ攻撃を防ぐ方法
• Handlebars テンプレートコンポーネントの隠された力（Handlebarsパーシャルの隠された力）
• SVGを使用した画像サムネイルのトリミング
• レスポンシブメールデザインについて学んだこと
• API：
  
  • Webアプリケーションの監視
  • プログレッシブWebアプリのオフラインストレージ
  • 人間の言語のAPIとは（APIとは？英語でお願いします。）
  • Webオーディオの新機能 （Web Audioの新機能？）
  • Webオーディオでのユーザーインターフェイスの改善 （ Webオーディオでユーザーインターフェイスをジャズアップ）
  
  
• 可用性：
  
  • ウェブアクセシビリティを再び向上させる：アメリカ大統領候補ウェブサイトのアクセシビリティを監査する
  • 手頃な価格のWebアプリケーションの構築を今すぐ始めましょう 。 Egghead無料のチュートリアルシリーズ（今日からアクセス可能なWebアプリケーションの構築を開始）
  
  
• 性能：
  
  • フロントエンドパフォーマンスの向上に関するケーススタディ
  • HTTP / 2は、モバイルデバイスでのメディアの読み込みを3〜15倍高速化します （HTTP / 2は、モバイルでのメディアの読み込みを3〜15倍高速化します）
  
  
• アニメーション：
  
  • SVGのシャボン玉
  • 各ボールでボールをバウンスする方法を示すことで、ウェブアニメーションのテクニックを比較する
  • Web Animations API を使用する場合
  • gsapによるオリンピックリングのアニメーション （オリンピックリング）
  • 楽しいインタラクティブな顧客レビューフォーム（ペットストア用）
  • アイソトープでの新しいタイプのアニメーションのプレゼンテーション-驚異的なアニメーション
  
  
• ジェネレーター：
  
  • Staticmanは、カスタムコンテンツをGitHubリポジトリにアップロードするNode.js上のアプリケーションです。 実際には、これにより、静的Jekyllサイトの一部として、ブログ投稿下のコメントなどの動的コンテンツを使用できます
  • ジキルでリビングスタイルガイドを設定する
  • nucleusは、nodejsスタイルのジェネレーターです。 アプリケーションはSCSSファイルを解析し、DocBlockアノテーションから情報を取得します
  
  

CSS

• 時計仕掛けのように、またはCSS 3で60 FPSでアニメーション化
• スクリプトとSMSなしの3ポジションチェックボックス（別名トライステート）
• デフォルトのカーソルに関する有用な考慮事項
• Houdiniはまだ準備ができていますか？ （Houdiniはまだ準備ができています‽）
• Bootstrap vs Foundation-上位2つのCSSフレームワーク
• CSSでの機能クエリの使用 （ CSSでの機能クエリの使用）
• 属性と属性セレクターを使用して、独自の奇妙なデザイン言語を発明することができます）
• 提案されたボックス抑制プロパティ）
• 大衆の `Font-display`プロパティ
• 背景画像の拡大のアニメーション （ 背景画像のズーム）
• 特定の間隔で寸法を操作できる柔軟なタイポグラフィの新しい手法 （CSSロック付きの柔軟なタイポグラフィ）
• CSSグリッドレイアウトを使用して簡単なレイアウトを作成する方法
• 手動のクロスブラウザーテスト時間を短縮する31の方法（手動のクロスブラウザーテストに費やす時間を短縮する31の方法）
• React Nativeのスタイルチートシート（React Nativeスタイリングチートシート）
• UnCSS Online！ -未使用のCSSコードを削除するサービス （UnCSS Online！）
• ハリー・ロバーツ| プログラマーとCSS開発者向けのCSS | CSS Day 2016 （ハリーロバーツ| CSS開発者向けソフトウェアエンジニア向けCSS | CSS Day 2016）

Javascript

• コード分​​割を使用してWebアプリケーションを段階的にロードする
• JavaScript：私たちは今どこにいて、どこへ移動するのか
• JavaScriptは2015年にWebを超えます
• なぜjQueryが必要なのですか？
• はい、あなたは派手なjsフレームワークの前にバニラのjavascriptを学ぶ必要があります
• JavaScriptコードの洗練：古いES5ハックを取り除く（パート2） （ JavaScriptコードを磨く ：古いES5ハックをノックアウトする（パート2））
• ES2015 Live Dive Lesson （ES2015へのダイビングのライブレッスン、Darin Haener氏）
• クイックヒント：JavaScriptのファクトリ関数とは
• JavaScriptでのミステリアスでミステリアスなMaybe Monad （驚くほどミステリアスなJavaScript Maybe Monad）
• 小型モジュールのロードと実行の速度 （ 小型モジュールのコスト）
• ディーププロモーションチェーンの飼い慣らし（深く入れ子になった約束チェーンのもつれを解く）
• JavaScriptで作成された100以上のエミュレーター（JavaScriptで作成された100以上のエミュレーター）
• GPUとニューラルネットワークを使用した数字認識デモ （GPU Deep Learning Demo）
• サービスワーカーの紹介（ サービスワーカーの紹介-JS Monthly London）
• Service Workerとオフラインにする （Emanuel Kluge：Service Workerとオフラインにする-JSUnconf 2016）
• Pi Zeroの JavaScriptエレクトロニクス（ Pi Zeroの JavaScriptエレクトロニクス-非同期ブライトン）
• フレームワーク
  
  • Reduxの使用：はじめに
  • Aurelia 1.0：シンプルなセキュリティ保護されたアプリケーションを構築する方法
  • JavaScriptフレームワークの作成-サンドボックスコードの評価
  • 関数型プログラミングの日の出と日没のAngular 2.0 （関数型プログラミングの増加とAngular 2.0の減少）
  • Remy Sharp：Reactとは何ですか？
  • デザイナーのための反応
  • react-roadmap-React学習ロードマップ（react-roadmap-React Developmentをマスターするための無料リソースのキュレーションされたリスト）
  • React Native Ubuntuの紹介
  • React Fiberアーキテクチャ
  • 例付きのRxJS関数を学習するために必要な 10個（例付きの10の必要なRxJS関数）
  • 約$ qとAngularの約束 （すべて約$ qとAngularの約束）
  • ng-controllerからコンポーネントクラスへ
  
  
• プラグインとライブラリ：
  
  • WAUD.JS -HTML5オーディオへのフォールバックを使用してWebオーディオを操作するためのライブラリ
  • ハイフン-ハイフネーションハイフネーションライブラリ
  • Papa Parse-大きな男の子と女の子向けの強力なブラウザー内CSVパーサー）
  • react-dates -Reactアプリケーションで日付を選択するための、手頃な価格で翻訳可能なモバイル向けに最適化されたライブラリ
  • Recharts- Reactコンポーネント上に構築された構成可能なチャートライブラリ）
  
  

ブラウザ

• プライベートエッジの保存：Microsoftの新しい計画
• MozillaはFirefoxにスクリーンショット共有ツールを追加する実験をしています
• Firefox 47以降からcolspan = 0のサポートを削除
• Android向けGoogle Chromeの推奨事項が表示されます
• ChromeとFirefoxのバグにより、アラビア文字を使用したURLスプーフィングが許可されました
• Microsoft Edgeの使用を開始できなかった理由
• WebVR 1.0がFirefox Nightlyに登場しました （WebVR 1.0はFirefox Nightlyで利用可能）
• 奇妙なブラウザ@ Webworker NRW-既存のブラウザの世界に関するNiels Leenheerプレゼンテーション
• GoogleとMicrosoftがブラウザー向けのHTML5ベットを強化

ニュースと面白い

• Facebookが人工知能の分野でオープンアクセス研究を投稿
• Zenの高性能マイクロアーキテクチャのプレゼンテーション、またはAMDがIntel Streetでのお祝いを台無しにした方法のプレゼンテーション
• ライバルやユーザーに害を及ぼす：カスペルスキーアンチウイルスは、安全なファイルに「感染」することで競合他社をだます：ロイター
• Web開発：列車は出発しましたが、乗客は留まりましたか？ Runet Rating＆CMS Magazineによる2016年の広範なWeb開発市場調査。
• Gamescom 2016のベスト：コスプレ
• VKontakteの再設計と開発者の対応に関するDurovの意見
• Intelは、仮想現実と拡張現実を組み合わせたヘルメットを発表しました
• Jobsのない5年間：Apple CEOのTim Cookが会社の将来と課題について語る
• Windowsが主要なモバイルプラットフォームになっていない理由
• インターネットから完全に消える方法（インフォグラフィック）
• Facebookインターンシップ：給与、福利厚生、無料の住宅、あらゆるプロジェクトへのアクセス
• これがシリコンバレーでのあなたの人生です（これがシリコンバレーでのあなたの人生です）
• Mozillaのブランド変更 （壁のないMozilla Open Designブランド）

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

» 過去1週間のダイジェスト 。
» ダースモールとアレクスコロビンが作成した資料。