前週のフロントエンドの世界からの新鮮な材料のダイジェストNo.283（2017年10月2日-8日）

フロントエンドエリアとその周辺の新しいマテリアルへのリンクを含むセレクションをご紹介します。

メディア | Web開発 | CSS | Javascript | ブラウザ | おもしろい

---

メディア

• ポッドキャスト「Web標準」 第89号-ブラウザーと多様性、グリッドと死のサイト、悪いボタン、なぜアクセシビリティーなのか、JS。
• フロントエンドウィークエンドポッドキャスト＃ 22- ロバートハリトノフ、ヨーロッパで有名な開発者になる方法について
• Devschachtポッドキャスト： 問題＃8-PhantomJSからHeadless Chromeまで
• ポッドキャスト「devschacht」： 夜のフロントエンド＃6-サマラでキャプチャ
• Frontend Youth（18+）ポッドキャスト＃21：オープンソースの問題：悪い感情、ひどいReact Native：Hacktoberfest、ITを離れる、週20時間働く
• ポッドキャスト「Drinkcast」、 問題＃11-「設計システムとUIキット」
• 「すべてのHTML」＃17： 「Perlin Noise、1d、2d、3d」

ウェブ開発

• World Wide Web ConsortiumがHTML 5.1の第2版を発表
• GoogleはAMPの多数の技術更新を開始し、 検索結果でAMPの新しいロゴもテストしています
• HTMLフォームの保護について知りたいことすべて
• Gutenberg -WP履歴で最も重要なWordPressエディターの変更に関するChris Coyer
• 米国政府のウェブサイトの例に関する大規模なスタイルガイドの作成について
• ロボットがコードをフォーマットする必要がある理由

• アクセシビリティ：
  
  • タブとのインターフェース。 タブを作成するときのアクセシビリティのニュアンスについて
  • リソースを割り当てない組織でアクセシビリティサポートを開始する方法
  • カスタム要素のアクセシビリティの未来
  

• アニメーション：
  
  • CSS / SVG / JS＃56の美しいエフェクトの毎週の選択
  • Moving Letters -JavaScriptとanime.jsでアニメーション化されたテキストのクリエイティブエフェクトのコレクション
  • 二重画像のカットの興味深い効果
  

CSS

• フレックスが必要な人
• CSSラッパーを実装する最良の方法
• CSSの着陸。 ウィキペディア カスタムスタイルのサービスの助けを借りて、Stylishが人気サイトのUXに追加されます
• アダプティブグリッドを作成する方法
• サイズ設定と命名に役立つCSSクラス
• CSSグリッドの課題：受賞者とテンプレート
• CSSに安らぎを与えましょう 。 スタイルを書くためのさまざまなアプローチとそれらの間の戦争に関する包括的な記事
• まだ知らなかったCSSのベストプラクティス（S） （実際に知っていた）
• Web暗号の使用 。 Webfont Handbookからの抜粋
• レタースペースガイド 、ユースケース、UX、アクセシビリティなど

Javascript

• 注意！ 副作用が発生する可能性があります 。 副作用とは何か、そしてそれがコードにもたらすものを理解する
• ESLintによるコードの高速フォーマット
• ハッカーが悪用するのが大好きな最悪のJavaScriptの欠陥
• Ember 3.0のリリース計画の発表
• 面白いGIFでのぎこちないJavaScriptの瞬間
• js13kGames 2017コンテストの勝者
• javascriptの `this`の多くの面

• NodeJS：
  
  • Node.jsの使用を開始する
  • Node.jsとPHPからJavaScriptへの移行
  

• ES2015 +：
  
  • ES6の約束：パターンとアンチパターン
  • チャートと例によるAwaitとAsyncの説明
  • Babelを使用したコンパイルとポリフィル（JavaScript）
  • V8でのES2015プロキシの最適化
  • テンプレートリテラルは文字列よりも間違いなく優れています
  

• VueJS：
  
  • クエーサーフレームワーク-ユニバーサルVueフレームワーク
  • Vue.jsスタイルガイドv2
  • vuera -VueのReact、ReactのVue。 ReactアプリケーションでVueコンポーネントを使用する
  • Vue.jsでトランジションとアニメーションを作成する：実例
  • Vueでオンラインストアを作成する ：33無料レッスン
  • Vue.jsを使用して関数電卓を作成する
  • Vue.js 2とVue.js 3の反応性
  

• 反応：
  
  • React 16のサーバーレンダリングの革新
  • Professional React Developerの6つのヒント
  • 反応、インライン機能、パフォーマンス
  • ReactとJSS：このアプローチを1年間使用した後のヒント
  • Reactアプリがひそかに嫌いな場合の修正方法
  • 大規模なコードベースをReact 16に移行するためのチュートリアル
  • React-Staticの概要-Reactのプログレッシブ静的フレームワーク
  

• 角度：
  
  • アプリケーションがAngularで動作しない理由：11の基本エラー
  • Angular CLIを使用するための6つのベストプラクティスと専門的なヒント
  • 角度とアニメーション：アプリケーションに命を吹き込む
  

ブラウザ

• Microsoft Edgeはクロスプラットフォームブラウザーになりました 。MicrosoftはAndroidおよびiOS用のMicrosoft Edgeの発売を正式に発表しました。 EdgeHTMLエンジンなし。 iOS：WkWebView（EdgiOS）。 Android：クロム（EdgA）
• Microsoft Edge：拡張機能の数の顕著な増加は待つ価値がありません
• Operaブラウザの新しいバージョンがリリースされ、自撮りができるようになりました。
• Firefoxは古いバージョンのWindowsのサポートを停止します
• Firefox 56：量子の前の最後のストップ
• Safariテクノロジープレビュー41 ：ファイルおよびディレクトリAPI、calc（）の最小/最大、CSSリージョンのサポートの削除

おもしろい

• Googleは、「プレミアム」ホームアシスタントであるGoogle Home MaxとMiniのコンパクトバージョンを導入しました。
• クラウドサービスDropboxは、新しいデザインとロゴを導入しました
• Googleは、「ライブ」問題でモバイルファーストインデックスをテストします
• Googleのサイトのランキングに影響を与えない10のこと
• ブルームバーグ：Googleは、政治家やトップマネージャー向けに改善されたアカウント保護システムを開始します。
• Net Applicationsによると、デスクトップシステムでのLinuxのシェアは6.88％に達しました
• コード読み取りスキルを向上させる7つの方法
• 自分自身のために考えるか、AIの精神か。
• スティーブウォズニアック：「今日のAIは馬鹿げている」
• 「マトリックスはキャンセルされました」：物理学者は、現実はシミュレーションではないことを証明しました
• openvimはVimのインタラクティブなガイドです。

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

---

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。