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

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• 2017年モスクワのWeb Standards Daysのビデオ録画
• Podcast Web Standards、Issue No. 52 ：Moz：// a、日付入力、チェックリスト、Webpack 2、Webコンポーネントの反応、厳しいUnix、アクセシビリティ。
• 2017年のWebアニメーション
• 性能：
  
  
  • 2017年にフロントエンドを高速化する33の方法
  • Lenta.ruの高速化：3人、2週間、表示深度が27％向上
  • サイトのパフォーマンスを根本的に改善する方法（パート1）
  
  
• HTML：
  
  
  • HTML5セマンティクス：コンテンツタイプと新しい要素
  • HTML vs HTML5-違いは何ですか？
  • HTMLでARIAを使用するためのルール
  • MJMLを使用してレスポンシブHTMLメールのレイアウトを簡素化する
  • Lorem Ipsumが必要ですか？ 内部HTML？
  
  
• サービスワーカー：
  
  
  • あなたは誰ですか、Service Worker？
  • テンプレートサイトのオフライン優先（パート2）
  • Service Workerを使用してオフライン保存を実装する
  
  
• アクセシブルなツールチップを作成する
• Webpackチュートリアル：仕組みを理解する
• 初心者向けnpm：フロントエンド開発者向けガイド
• Webコンポーネントをダウンロードする方法
• 図解アルゴリズム：アルゴリズム→AST→CSS（3 x JavaScript）
• 地図のロールオーバー 。 SVGマップでのホバー効果の実装

CSS

• JavaScriptがなければ
• 視覚化プロセスを理解する
• CSSアニメーション：トランジションとアニメーション。 モーションパスモジュールCSS
• 新しい表示：flow-rootはclearfixではありませんが、それは何で、なぜですか？
• ライブデモと仕様定義が記載されたYulia BukhvalovaのFlexboxチートシート
• clearfixハックは終了しましたか？
• 50以上の興味深いCSSプロパティと値を見てみましょう
• CSSグリッドの簡単な使用
• @keyframesを使用した単純なCSSアニメーション
• 数百のヒップホップビットを作成することで、HTMLとCSSを理解することができました。
• CSSグリッド自動アルゴリズムウォークスルー
• Sass関数のデモ
• SASSを使用した複数サイトのCSSアーキテクチャ
• オピニオンリーダーの意見は有害です

Javascript

• JavaScript標準
• JavaScriptフレームワークは2017年にどこへ行くのでしょうか？
• 型を使用して30,000行のJSコードをリファクタリングする
• 役に立たないJavaScriptフレームワークの有用性
• 2017年の流星
• jQuery 3の新機能|| 17の追加機能とそれらの使用方法
• CSSで説明されているCSSプロトタイプ継承
• JavaScript配列メソッド：可変および不変
• 機能的なJavaScriptでのフィルタリングとチェーン
• 世界最速のメモ化ライブラリを書いたように
• Cycle.jsを使用したHTTPストリームの操作
• ES2015 +：
  
  
  • AsyncはJavaScriptの後退を待っていますか？
  • JavaScript Fetch APIを使用してデータを取得する方法
  • JavaScriptインタビューの準備：約束とは何ですか？
  • ECMAScriptレギュラーはさらに良くなります！
  • ES向けの提供：SharedArrayBufferとアトミック
  • ES6以上：PayPalワークショップ（2017年1月）
  
  
• 角度：
  
  
  • AngularまたはReact-両方試してみてください、それは価値があります
  • 角度デコレータに深く浸る
  • AngularJSからReactへの10万行のコードの移行の旅（パート1）
  • Angular DevelopersのObservableの概要
  
  
• 反応：
  
  
  • React 15.5および16 Umbrellaリリース
  • Reactコンポーネントの記述の改善
  • ReactでのRedux-ファーストルック
  • Reactアプリケーションのパフォーマンスの最適化
  • 反応還元型汎用ボイラープレート
  
  
• Vue：
  
  
  • 皆のためのジェスト：エピソード1-Vue.js
  • Vuexを使用したVue.jsの状態管理
  
  
• ライブラリとプラグイン：
  
  
  • tilt.js -requestAnimationFrameおよび60 + fpsによる傾斜効果
  • qart.js-コード自体と画像を組み合わせたQRコードジェネレーター

ブラウザ

• ChromeとFirefoxの改善により、ページのリロードが28〜50％速くなりました
• Firefox 51リリース 、 + Marat Tanalinのブログの技術詳細
• Firefox 52-betaおよびFirefox Developer Edition 53のテスト
• Chrome Web Browserリリース56
• CSSグリッドレイアウトを含む新しいSafari
• Google ChromeとMozilla Firefoxにより、Webサイトのセキュリティマーカーがより侵入的になります

おもしろい

• MongoDBがCouchDB、Hadoop、ElasticSearchに対する攻撃を開始
• 「これはキャリアの最悪の日でした」：IT企業の経験の浅い従業員がミスを犯す方法
• IT分野の100歳以上：既存のプログラムの中で最も古いものおよび計算作業の他の退役軍人
• 悪いプログラマーの話、またはITに行くべきではない方法
• 2017年に人気のあるプログラミングテクノロジー-Stack Overflowと他の企業による調査
• プログラマー向けのスピーディなコードタイピングシミュレーター
• IBMの専門家は2022年の人生について5つの予測を立てました
• ITの複雑な人々とそれをどうするか？
• Xiaomiの崩壊が手頃な価格のスマートフォンのアイデアを埋める理由
• Vitaliy Fridman：「3人に1人の読者がadblockerを使用しているため、広告は機能しません 。 」 Smashing Magazineの創設者、編集長、Vitaly Friedmanへのインタビュー。
• デンマークは、アップル、グーグル、その他の企業と交渉する世界初の「デジタル大使」を任命します
• WASDが標準のPC制御スキームになった方法
• 現代の探偵が使用する技術的なトリックとトリック
• 次の大きな技術革新はあなたの耳で起こります
• ロボットは、対応するキャプチャをバイパスして、ロボットではないことを証明しました
• 将来のテクノロジーアルファベット部門はまだ不採算ですが、損失は減少しており、収益は増加しています
• Gmailは、2017年2月13日から添付された.jsファイルをブロックします

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

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