Web開発およびITの世界からの興味深い資料のダイジェスト、先週第202号（2016年3月6日から13日）

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• FLIF-無料の画像圧縮形式
• 肥満部位の危機
• WordPress 4.5の新機能
• SVG：
  
  • ネタバレ：SVGアイコンを1つの方法で挿入する
  • SVGシンボルを使用してアイコンシステムを作成する方法
  • エッジがギザギザになったSVGテキストクラウド （SVGでのスタッガードテキストと失神テキスト）
  • SVGの基礎：XMLとバージョン管理
  • Parallax Burns：SVGを使用して写真を2Dから3Dに変換する
  
  
• SEOの技術ガイド
• 2016年に知っておくべき5つの SEOトレンド（ 2016年の SEOトレンド：今年知っておくべき5つのトレンド）
• WebのカラーフォントであるBixa Colorの作成
• Firefox DevToolsを使用したService Workerとプッシュのデバッグ
• Service Worker：Save-Dataヘッダーを使用してユーザー情報を保存します （Service Worker：Save-Dataヘッダーを使用してユーザーのデータを保存します）
• パフォーマンス監査m.imgur.com （[m.imgur.com]ページ読み込みパフォーマンス＃1）
• GoogleのAMP：加速されたモバイルページの楽しくて使いやすいガイド
• スタイルガイドコンポーネントのプレイグラウンド
• ロゴを右クリックして、ファイルのダウンロードダイアログを表示します （ロゴのダウンロードオプションを表示するには、ロゴを右クリックします ）
• エンジニアリングの海での設計
• メディア：
  
  • Podcast Web Standards、Issue＃6：フレックスボックス、タイポグラフィ、速度、ブルートゥース、BEMの批判
  • Y. Subbotnik 2016のビデオレポート
  • mitap Girls Not Bombs＃6からのビデオ
  
  
• 壮大なウェブ：
  
  • CSS / SVG / JS＃28の美しいエフェクトの毎週の編集
  • HTML5 CanvasのInstagramスタイルのフィルター（HTML5 CanvasのInstagramスタイルのフィルター）
  • 画像読み込みぼかし効果のような中規模サイト
  • リバウンドとキャンバスを備えた別のクリエイティブローダー （リバウンドとキャンバスを備えたスプリングローダー）
  • レスポンシブピクセルアート
  
  

CSS

• モーションUIを使用してアニメーションとトランジションを作成する方法
• Sass：不純物を使用してコードのブロックを渡し、mixinとextendを選択します
• box-decoration-breakで壊れたテキストを修復 （ box-decoration-breakで壊れたテキストを修正）
• `rem`を使用してグローバルサイズを設定します。 `em`-ローカルを指定します （グローバルサイジングには` rem`を使用し、ローカルサイジングには `em`を使用します）
• ユーザーはブラウザのデフォルトの16pxフォントサイズを変更しません
• 知らなかった高度なCSSセレクター
• ブラウザーのサポートを待機しているレスポンシブイメージを使用した即興 （ ブラウザーサポートの待機：レスポンシブイメージの仮調整）
• CSSでピラミッドレイアウトを作成する方法
• クイックヒント：ホバー状態でのフォントウェイトの問題の修正
• CSSコードのクリーンアップ（ CSSコードベースのクリーンアップ）
• 壊れた画像のスタイルの追加 （壊れた画像のスタイリング）
• 可視領域の寸法の相対単位に基づくタイポグラフィ（ビューポートユニットベースのタイポグラフィ）
• より意味のあるWebタイポグラフィのためのツールとリソース
• 「リビング」スタイルガイド-Pattern-Lab
• balloon.css-純粋なCSSで作られたシンプルなCSSツールチップ
• ecss.ioでオンラインの書籍「Enduring CSS」を読む

Javascript

• JSテスト。 Karmic Webpack
• GoogleがJavaScriptのインデックス作成ガイドラインを更新
• reduceメソッドの高度な使用
• メンテナンスしやすいJavaScriptコードを書くための5つのヒント
• JavaScriptネイティブ関数の学習とその使用方法
• Node.jsのシンプルなサイト-2016年版
• JavaScriptの創設者Brendan Eich：WebAssemblyはゲームチェンジャーです
• フレームワーク
  
  • Reactを学ぶのに1週間しかかかりませんでしたが、何が悪いのでしょうか？ 。 記事翻訳私はcss-live.ruコミュニティによるReactで1週間で生産性を 上げる 方法を学びました。
  • React v15.0リリース候補React v15.0リリース候補リリース
  • クイックヒント：Reactでビデオプレーヤーコンポーネントを構築する
  • エンクレーブ -Reactアプリケーションのコンパイルが簡単に
  • Reactでのホットリロード
  • 流星の魔法の終わり
  • EmberアプリのUIの作成 （Emberデータアプリの周りのUIの構築）
  • 角度はデザインパターンです
  • Angular 2での認証（ Angular 2での認証）
  • madewithangular -AngularJSを使用して作成されたサイトのコレクション
  • react-mt-svg-lines -SVGのストロークを使用した線形アニメーションのコンポーネント
  • react-key- handler-キーイベントを処理するReactコンポーネント
  
  
• ES6 / ES2015：
  
  • ES6の詳細：スイッチ機能
  • ES6 / ES2015の最も便利な機能（ ES6 / ES2015の最も便利な機能）
  • ES6でJSを改善する5つのヒント-Crater Conf Talk
  
  
• たぶん、JavaScriptのトーンを下げることができます
• 2016年のJavaScript ：Beyond Harmony（2016年のJavaScript：Beyond Harmony）
• JavaScriptクラスの防衛
• SCSSからJavaScriptに変数を渡す方法
• JavaScriptを使用した3Dエンジンの作成 （ JavaScriptを使用した3Dエンジンの構築）
• JavaScript Toolkitからの緊張-手元にあるヘルプ （JavaScript Tooling Anxiety- 手元にあるヘルプ）
• JavaScriptユニットテストのパフォーマンス
• JSビット -概念的なJavaScriptスニペット
• freezeframe.js-アニメーションGIFを一時停止するスクリプト
• babylon -JavaScriptパーサー

ブラウザ

• Firefox 45リリース 、 Marat Tanalinのブログの開発者詳細
• Firefoxナイトリービルドが音声合成をサポート
• Operaは、広告ブロッカーが組み込まれたブラウザのプレビューバージョンをリリースしました
• Microsoftは、Internet Explorerのセキュリティ更新プログラムにWindows 10へのアップグレード用のバナーを追加しました
• Chrome 49：カスタムCSSプロパティ、バックグラウンド同期、データ保存クライアントのヒント

興味深いデザインと機能を備えたサイト

• クリエイティブサイト村上春樹
• tse - foundation.org-スクロール時に色が変化するサイト
• aaronporter.co-カスタムトランジションを持つデザイナーの創造的なウェブサイトポートフォリオ
• Publicis90-スムーズなスクロールアニメーションがすばらしいサイト
• 12dishes.com-非標準のナビゲーションと素晴らしい効果を備えた料理サイト
• 56.digital -3次元の背景要素とスクロール時の効果を持つ垂直スクロールサイト
• 2016年の最高のインタラクティブサイト
• 天気効果ウェブサイト
• I / O 16が来る
• 最高の新しいポートフォリオサイト、2016年3月（最高の新しいポートフォリオサイト、2016年3月）

設計

• フードデザインダイジェスト、2016年2月
• インターフェイスの状態：初期画面、ダウンロードプログレスバー、エラーメッセージ
• サービスの成長に対するインターフェイスの影響：Telegram iOS iOSアプリケーションの分析
• Sympliを使用して開発者と対話する
• 意味のあるデザイン
• グラフィックエディター：
  
  • アートボードをPDFに簡単に変換するためのプラグイン
  • animatemate-Sketchでアニメーションを作成するためのプラグイン
  • Photoshopのビデオレイヤーの基本（Photoshop Video Layer Essentials）
  • IllustratorでWeb用のSVGを保存するための5つのヒント
  • Illustratorを60秒で：クリッピングマスクの使用方法
  
  
• Webに表示領域の境界線はありますか？ （ウェブに折り目がありますか？）
• 会話型UIの未来はハイブリッドインターフェイスに属します （会話型UIの未来はハイブリッドインターフェイスに属します ）
• UXデザインの神話 /製品デザイン/または今週の呼び名 （UXデザインの神話/製品デザイン/ 今週の呼び名 ）
• Less Is More-シンプルでシンプルなWebデザイン
• Webインターフェイスで写真を使用するための7つのベスト戦略
• ある色または色相から別の色または色相への移行モードでシャドウを簡単に処理する方法（レイヤーブレンドモードで簡単にシェーディングする方法）
• 2016年のモバイルデザインのベストトレンド（2016年のブレイクアウトモバイルデザイントレンドのトップ5）
• 液体ブランド -有名ブランドの様式化
• インスタントロゴ検索
• インターコムでの高精度のコラボレーションと設計哲学 （ インターコムでの高忠実度のコラボレーションと設計哲学）
• ストライプのダッシュボード（ストライプダッシュボード）
• Typewolfによる2016年2月の Typewolfのタイポグラフィの詳細（ 2016年2月の Typewolfのお気に入りのサイトの裏にあるタイポグラフィの詳細）
• 印象的なマテリアルデザインコンセプト（5つの信じられないほどのマテリアルデザインコンセプトの蒸留）
• 材料設計の紹介
• 素晴らしいフォントの組み合わせ
• アラブ諸国のパターンのイラスト（18 アラブ諸国のさまざまなイラストパターンを無料）
• インスピレーションを与える高品質のワイヤーフレーム

無料のデザイナーCookieのセレクション

• 写真操作のための雷の無料写真
• 無料のインクとインクの縞模様のテクスチャ
• 聖パトリックの日のチラシとポスターのテンプレート（景品：聖パトリックの日の5つの無料チラシ＆ポスターテンプレート）
• Apple Watchモックアップ（20個の無料Apple Watchモックアップテンプレート）
• ロゴデザイン（PSD、AI、EPS）を示すためのエレガントなモックアップ（エレガントなロゴモックアップテンプレート-無料のPSD、AI、EPSダウンロード）
• 環境アイコンのセット（AI、SVG、PNG） （景品：環境アイコン（AI、SVG、PNG））
• 矢印の付いたアウトラインアイコンのセット （線矢印アイコン）
• 輸送および旅行のアイコン（ 移動するためのアイコン）
• http://open-foundry.com/-無料のWebフォントを使用したサービス
• フォントのコレクション （フリーフォントと書体の種類）
• Olesia Romantic Calligraphic Font （無料ダウンロード：Olesia Font）
• 2016年2月のフォントコレクション （2016年2月から36の無料フォントを発見）

ニュース

• MITの開発により、Webページの読み込みが34％加速されます
• GoogleがGoogle Destinations Mobile Travel Planning Serviceを開始
• 匿名の4chanフォーラムの創設者は、Googleでストリーミングと写真サービスの仕事に就職しました
• FBI対Apple：米国大統領は、ハッキングからのスマートフォンの絶対的な保護に反対しました
• GoogleのAIはついにセドラに3回目の勝利を収め、外出を征服しました。 次の目標-スタークラフト
• GoogleがChrome Music Labプロジェクトを立ち上げ、ブラウザで直接音楽実験を作成
• 新しい世界地図は、国内ドメインの登録数を示します
• Eclipse Che IDEの最初のリリース 、 マイクロソフトがEclipse Foundationに参加
• Google SERPでは、19匹の動物の声を聞くことができます
• Googleはいくつかの方法でZikaウイルスと戦います
• Googleはブログを新しいドメインに移行します

おもしろい

• Facebookは貧弱です。 中国の農民とチリの鉱山労働者はソーシャルネットワークで何をするのか
• Mediumでのインタビューはどうですか
• アトラスの進化
• セルゲイ・ムラショフ（スラック）：「私たちの資本は誇張されているかもしれませんが、それほど多くありません」
• ドメインの世界地図、すべてを逆さまにする
• Facebookから解雇されるとどう感じますか
• なぜマイクロソフトに低賃金の仕事を任せたのは、新鮮な空気の息吹だった
• ITの巨人が米国大統領候補のドナルドトランプとチームを組みました
• 世界で最も人気のあるプログラムが10億人のユーザーを獲得した速さ-インフォグラフィックス
• 新しいAndroid N機能の最も包括的な概要
• 上司がどこかに行ったときにプレイできる10のブラウザゲーム
• 広告ブロッカーの終わりのない物語（広告ブロッカーの終わりのない物語）
• Chrome Music Lab-音楽の生まれ方

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

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