先週の第208号（2016年4月18〜24日）のWeb開発とITの世界からの興味深い資料のダイジェスト

役立つリソース、興味深い資料、ITニュースへのリンクを含むセレクションをご紹介します

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• 本当に重要なのは、重要なタスクに集中することです 。 本当に重要なこと：重要なタスクに焦点を当てる
• Browserifyを始めましょう 。 Browserifyの使用開始
• ヘッドセクションに含めることができるすべてのリスト（ドキュメントのヘッドに含まれるすべてのリスト）
• 理想的なHTTPパフォーマンス
• Webサイトの速度の最適化：Webサイトを高速化するための追加のヒント
• Bootstrap 4 Cheat Sheet（ブートストラップ4チートシート）
• PNGファイルサイズの縮小 （PNGファイルサイズの縮小）
• Metalsmithで静的サイトを作成する方法
• フロントエンド開発者向けのドキュメントとガイド（No. 8） （フロントエンド開発者向けの20以上のドキュメントとガイド（No. 8））
• オンラインツールのコレクション：サイトのデザイナー、ロゴ、プロトタイプ、ロゴ、ページなど。
• SVG：
  
  • SVG：私の経験について少し
  • SVGフィルターを使用したテキストのスタイル設定
  • HTML5、CSS、JS、およびSVGを使用したラジアルコントロール
  • SVGアニメーションをGIFに変換（ SVGアニメーションをGIFに変換）
  • SVGを使用したレスポンシブロゴの作成
  • Boxy SVG：高速、シンプル、無料のSVGエディター
  
  
• CSS / SVG / JS＃34の美しいエフェクトの毎週の編集

CSS

• ページをスクロールするときの低FPS。 バックグラウンド添付ファイルの解決：問題を修正
• Houdini：あなたが聞いたことのない最も印象的なCSSプロジェクトの1つ
• 最後に、JavaScriptのCSS！ CSSXに会います （最後に、JavaScriptのCSS！CSSXに会いましょう）
• CSSフレームワークは必要ないかもしれません
• 「initial-letter」を使用した頭文字の改善 （ 「initial-letter」を使用した CSSドロップキャップの改善）
• Alphasights：BEMを使用してモジュラーCSSを作成する方法
• stylelintでCSSを分析する
• フレックスボックスのケーススタディ
• CSSフレームワークの1つの間違い。 あなたの場合でも （すべてのCSSフレームワークが間違っていることが1つ。あなたの場合でも。）
• PostCSS入門：Sassユーザー向けクイックガイド
• 初期、継承、設定解除、および復帰
• MaintainableCSS-モジュラー、スケーラブル、およびサポートされているCSSを記述するためのもう1つの方法
• カーンアカデミーのインラインCSS：アフロディーテ
• Cubic BezierでCSSアニメーションをレベルアップする
• Flexboxパターン-Fexboxの例 （CSS flexboxで素晴らしいユーザーインターフェイスを構築します。例とソースコードが含まれています。）
• CSSを使用してスティッキーナビゲーションを作成する方法
• Multiple.js-CSSを使用してさまざまな要素の共通の背景を試す
• Sassのデータ型
• CSSモジュールとは何ですか？ 視覚的導入 （CSSモジュールとは？視覚的導入。）

Javascript

• JS Bootloader +テンプレートエンジンまたは次のストーリーは素晴らしい
• 正しいJavaScriptエラー処理
• NaNは「非数」ではありません
• JavaScriptモジュール：初心者向けガイド
• 最新のJavascriptの再考。 小さなライブラリがうまく機能していること-それは祝福ですか、それとも呪いですか？ （最新のJavaScript開発の再考）
• Javascriptテスト駆動開発の穏やかな紹介：パート1
• Battle for JavaScript：4つの主要なフレームワーク （JavaScriptの戦い：パックをリードする4つのフレームワーク）
• JavaScriptの未来：2016年以降（JavaScriptの未来：2016年以降）
• なぜjQueryを使用すべきではないが、プレーンJS （なぜjQueryではなくプレーンJavaScriptを使用すべきなのか）
• クイックヒント：関数式または関数宣言 （クイックヒント：関数式と関数宣言）
• jQueryのイベントの包括的な外観
• 知らないノード：コア機能のクイックイントロ
• JavaScriptを使用したCSVファイルの解析
• フレームワークなしの小さなJSコンポーネントの開発。 バニラJSで書くこともできます！ （フレームワークなしの小さなJavaScriptコンポーネントの開発）
• LazyDOM-仮想DOMをブラウザーにネイティブにもたらす実験
• ES6 / ES7：
  
  • ES6：内部からのプロキシトラップの詳細 。 css-live.ruコミュニティが翻訳したES6プロキシトラップの詳細記事
  • ES7およびBabelを使用してJavaScriptでモジュールを作成する
  • ES6 Ptで最高のJavaScript 。 II：クラスの詳細 、 Pt。 III：クールなコレクションとスリッカーストリングス
  
  
• フレームワーク
  
  • React Amsterdam 2016 。 Artyom Sapeginからの小さなレビュー
  • React Amsterdamで学んだ教訓（React Amsterdamで学んだ教訓）
  • React Native： 1年のレビュー
  • Babel React Optimize
  • 角度2対 反応する
  • Angular 2 + React Native
  • Express JavaScriptフレームワークの信じられないほどの歴史
  • WebpackでAngularをビルド（Angularとwebpackをバンドル）
  • クイックスタートチュートリアル：サーバーサイドレンダリングを使用したUniversal React
  • Reactでのテスト：地面から降りる
  • コンポーネントとコンポーネントルーターを使用したFast Angular 2セットアップ
  • EmberConf 2016のビデオ
  • EmberConf 2016：ボーナスビデオ-Ember Revolutionの開始方法by Patrick O'Doherty
  
  
• プラグイン
  
  • Modaal-アクセシビリティをサポートするモジュラーウィンドウ用の新しいプラグインWCAG 2.0 Level AA
  • kewler-HEX形式の色を操作するためのライブラリ
  • Promise Runner-非同期スタイルの関数を操作するため （Promise Runner：関数の非同期実行が必要なときに通常の関数からPromiseを作成する単純なPromise Maker）
  • Excelスタイルのテキストフィールド （表形式の入力フィールド）
  • Scrollbear-画像をロードするときにスクロールバーの位置をタイムリーに更新し、「ジャンプ」テキストの影響を排除します
  • beautify- text-句読点と引用符の自動整列
  • search- index-ブラウザおよびNode.jsのフルテキスト検索エンジン
  
  

ブラウザ

• Operaは無料のVPNをブラウザに組み込みました
• YandexがBrowser Update Designerをリリース
• Google Chromeは、ソーシャルネットワークの先延ばしについて考えさせました
• Chromeブラウザのモバイルバージョンの視聴者は10億人を超えました
• Microsoft Edgeの拡張機能の作成 （ Microsoft Edgeの拡張機能の構築）
• F12 Edge開発者ツール
• Microsoft EdgeでのWebM、VP9、およびOpusのサポート

設計

• レスポンシブウェブサイトのロゴデザイン
• Webデザインにおける空白の重要性（ Webデザインにおける空白の重要性）
• タイポグラフィの未来
• AnimateMateプラグイン、Sketchでアニメーションを作成
• Sketch and FlintoでのiOSアプリのプロトタイプ作成：パート1
• OOUX：インタラクションデザインの基盤
• UXデザインでシンプルさはどのように見えますか？ （UXデザインのシンプルさはどのように見えますか？）
• Webデザインのスペース
• UIの設計中にさらに整理する方法
• 最新のWeb開発でのAtomic Designの使用
• Epic UXが失敗します（そして、 これから学べることは何ですか） （Epic UXが失敗します（そして私たちが学べる教訓））
• O Streetによる新しいロゴとアイデンティティ
• iOS 10：願いとコンセプトビデオ（iOS 10：願いとコンセプトビデオ）
• スターウォーズのイラストセットを作成するストーリー （遠く離れたギャラリーから| CS16ワークショップ）
• Apple Watch「Break this Safe」 （Break this Safe） のゲーム作成のストーリー
• デザインシステムの色（デザインシステムの色）
• Airbnbの再設計方法 （構築方法：Airbnbデザイン）
• テキストボックスでパスワードを開く方法 （パスワードのマスクを解除する方法）
• マーケティング担当者およびデザイナー向けの選択されたリソース （Email Toolbox）
• プロトタイピングはフレーマーで次のレベルに進みました
• Spotifyのナビゲーションが壊れている理由
• #SketchTip：アートボードをチームと共有する方法）
• Webデザインを高速化する10のPhotoshopプラグイン（Webデザインを高速化する10のPhotoshopプラグイン）
• 最初のローマ字フォント

ニュースと面白い

• マイクロソフトとグーグルは、互いに対する規制手続を終了することに同意します
• AppleがMacBookとMacBook Airを更新
• Windows AppLockerをバイパスするチームが1つのツイートに収まる
• FBIはテロリストのiPhoneをハッキングするために100万ドル以上を支払った
• 2016年第1四半期の報告後、アルファベットのシェアは6％減少しました
• Googleはユーザーのコメントから迅速な応答を生成し始めました
• Googleは、ハッキングされたサイトの所有者を支援する戦略を開発しました
• 大きなeSportsに参加するには？
• 2015年末までにトップ5のスタートアップ
• 超薄型LEDにより、肌にウェアラブル電子デバイスを作成できます
• バイオテクノロジー：成長の法則
• 「Facebookは新しいインターネットになりたい」
• Googleでのインタビューに関する真実：Beyond the NDA

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

先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。