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

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

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• 2016年のWebテクノロジーの世界におけるトレンドとイベント
• Podcast Web Standards、Issue No. 50 ：レスポンシブデザイン、CSSへの切り替え、Vanilla JS、残酷なオープンソース、アクセシビリティ、オフライン、ロゴレイアウト。
• マニフェスト え？ なに？ なんで？
• ウェブは知らないうちに肥満です
• GoogleがAMP Liteを発表-より効果的なサイト圧縮技術
• SEO 2017：トレンドと推奨事項
• 2017年のインタビューに向けたフロントエンド開発者の準備
• 2017年の5つのWebトレンド
• Web開発者向けの電子メールの作成と送信の概要
• AMPキャッシュがある理由
• Gulp vs Grunt-自動化ツールの比較
• Service Workerのオフラインキャッシュ用にバックアップする必要があるデータの量は？
• WebSocketとCSS3で魔法を作る
• Progress Nav-ナビゲーションの進行状況を視覚化するためのコンセプト
• フィラメントグループからの漸進的改善配信アップグレード
• .htaccessを使用する際の10の便利なスニペットとハック
• WebAssemblyが遅れている：大規模プロジェクト向けのJavaScriptの考え方
• WebAssemblyを使用してパフォーマンスを向上させる方法

CSS

• レスポンシブピクセルパーフェクト
• 汚れたCSSがレスポンシブメールをハッキング
• 2017年に学ぶべき3つの新しいCSS
• ネイティブ変数を使用してCSSで乱数を生成する
• キャレット色でブラウザのキャリッジカラーを変更する
• アニメーションの確認-CSSアニメーションのスムーズな開始と停止
• 5つの簡単なステップでCSS Flexboxを理解する
• CSSブレンドモードを使用してSpotifyスタイルのカラーリングエフェクトを作成する
• Flexboxについて：知っておくべきこと
• 私はJSでCSSを決して使用しないと誓いました、そして、ここに私が間違っていた6つの理由があります
• スティッキーポジションが帰ってきました！ しかし、彼には問題があります
• CSSを使用してAtomテーマを作成する

Javascript

• 2017年に注意すべきJavaScriptの傾向
• 2017年にJavaScriptを学ぶのは面倒で、すごい！
• Chrome DevToolsでJavaScriptのデバッグを開始する
• RipVanWinkle.js-5年後にJavaScriptに戻る
• Prettierは、ES2017、JSX、およびFlowをサポートする高度なJavaScriptフォーマットツールです。
• 仁川 -JSのオンラインマルチプレイヤーゲーム
• 理論：
  
  
  • JavaScriptの再考：Death to Cycles
  • TypeScriptとフロー
  • 反復配列メソッド
  • TypedArrayまたはDataView：バイト順について
  
  
• 練習：
  
  
  • Angularを使用してiTunesプレーヤーを作成する
  • Todd MottoによるTesla Angular 2リアクティブフォームバッテリー設定計算機の作成
  • Skate.jsでタグを入力するための独自のテキストフィールドを作成する
  • JSでのゲーム「Snake」の高速プログラミング
  
  
• 反応：
  
  
  • Reactスタイルで考えてください 。 React.jsライブラリの公式ドキュメントチュートリアルの翻訳
  • 公式のReact.jsライブラリドキュメントのAdvanced Guidesセクションの翻訳シリーズ。 JSX-詳細 、 PropTypes-Reactの型チェック、Reactの 参照属性とDOM、Reactの 非制御コンポーネント、Reactの パフォーマンス最適化
  • Reduxを使用したアプリケーションステータスの改善
  
  
• Vue：
  
  
  • Vue.js 2でテンプレートを操作する
  • Vuelidate（0.2.0） -Vue.js 2.0用のシンプルで軽量なモデルベースの検証
  • Vue.jsを使用したPhonegapアプリケーション？ はい、お願いします！
  
  
• ES6：
  
  
  • レバブはバベルのようなものです
  • ES6 JavaScript Minifier：babili （ES6 JavaScript Minifier：babili）
  
  
• ライブラリとプラグイン：
  
  
  • jQueryflexdatalist Flexdatalist- （別の）オートコンプリートと<datalist>タグのサポートを備えたjQueryプラグイン。
  • iTyped-依存関係のないテキスト入力のカスタムアニメーション
  • micromustacheは、JavaScriptで最も使用されているテンプレート{{mustache}}機能のいくつかの非常に高速で小さな実装です。
  • animationframes -JSアニメーションを作成する最小限の方法
  • 最新のJavaScriptを使用してスキーマ/属性を操作するためのシンプルなライブラリ

ブラウザ

• Operaは新しいブラウザNeonを導入しました
• Chromeのオートコンプリートによるフィッシング（デモ）
• Opera 12.15ソースコードのリーク
• Firefox 53にはJSON Viewerが含まれます

おもしろい

• CES 2017： メインニュース 、 展示会の10の興味深い発表 、CES 2017のトレンドと結果：ラスベガスが自撮りドローンをキャプチャした方法
• Googleの新しい圧縮アルゴリズムにより、画像に目に見える悪影響を与えることなくトラフィックを最大75％節約できます
• アトラシアンが4億2,500万ドルでTrelloプロジェクト管理サービスを買収
• Alphabetは衛星ドローンでTitanのインターネットプロジェクトを終了します
• iPhoneで10年：Appleはスマートフォンの記念日を祝う
• NPMは最大のパッケージリポジトリになりました
• 世界の人口の59％がすでに4Gにアクセスしています
• 仮想現実に何が起こるか：失われた人へのガイド
• ホーム人工知能がいかに簡単に、そしてより難しくするか-ザッカーバーグファミリーの生活
• 高齢者はここにいる：プログラミングで成長する方法
• 昨年のテクノロジー企業の最大の過ちによって教えられたこと
• 劇「技術的負債」：開発者の人生の典型的なケース
• YouTubeが有料メッセージングでスーパーチャットをテスト
• OpenNMTプロジェクトがニューラルネットワーク機械翻訳システムを開発
• OOPガイとの対話

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

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