Web開発およびITの世界からの興味深い資料のダイジェスト、先週第187号（2015年11月23〜29日）

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• 今週の週末にキエフで放送されたWeb Standards Daysの録画
• 静的サイトジェネレーターの概要：ジキル、ミドルマン、ルーツ、ヒューゴ
• 生成されたファイルをリポジトリに送信しないのはなぜですか？
• Web上のUnicode：初心者向けの紹介
• SVGとGIFでのアニメーションの比較 （アニメーションSVGとGIF [CAGEMATCH]）
• お気に入りのフロントエンドポッドキャスト（お気に入りのフロントエンド関連ポッドキャスト）
• オートコンプリートとフォームについて （TIL-オートコンプリートとフォーム）
• Video APIを使用したインタラクティブビデオショーケースの作成
• 最新の技術を使用したレスポンシブ画像に関する詳細な記事
• レスポンシブロールアウト
• 静的フレームワークアクセシビリティスライド （フロントエンドフレームワーク-アクセス可能）
• SMILなしのSVG：Google Chromeはサポートを削除します
• 誰もがHTTPに移行する必要がある理由/ 2（なぜ誰もがHTTPに移行する必要がある理由/ 2）
• HTTP / 2 101（Chrome Dev Summit 2015）
• Web用の新しいレスポンシブフォント形式
• Gulpについて知っておくべき 10のこと（ Gulpについて知っておくべき 10のこと）
• pokedex-ポケモンファンのためのウェブアプリケーション
• 壮大なウェブ：
  
  • CSS / SVG / JS＃14の美しいエフェクトの毎週の編集
  • Shazam変形ボタンエフェクト （Shazam風モーフィングボタンエフェクト）
  
  

CSS

• PhantomCSSを使用した視覚回帰のレイアウトのテスト
• PostCSSクイックスタート
• BootstrapからSusyへの移行
• ボックスシャドウのスムーズで生産的なアニメーション （絹のような滑らかなパフォーマンスでボックスシャドウをアニメーション化する方法）
• パフォーマンスレンダリングの問題のトラブルシューティング
• 真剣に、アイコンフォントを使用しないでください
• CSSおよびJSを使用した比例コンテンツのスケーリング （CSSおよびJavaScriptを使用したスケーリング/比例コンテンツ）
• スチュアート・ロブソンによる現代のサス建築
• PostCSSに対する懐疑的な見方 （ 懐疑論者のPostCSSの見解）
• Sassを使用した印刷のスタイルの合理化 （ Sassによる CSS印刷デザインの合理化）
• 開発時間を短縮する8つのCSSプリプロセッサー
• Gridlex-フレックスボックスのシンプルなグリッド
• CSSでのmargin：autoの仕組み
• CSSポリゴンの使用を開始する
• フレームワーク
• CSSカーソル （CSSカーソル）
• CSSトグルスイッチ

Javascript

• JavaScriptに移行するWordPressについて知っておくべき6つのこと
• ES6：
  
  • ES6：内部からのクラス
  • ES6を知っていると思いますか？ それを証明してください！ （ES6を知っていると思いますか？それを証明してください！）
  • githubの350ブレットポイントでのES6の概要
  
  
• フレームワーク
  
  • AngularとEmberを忘れて、Reactはすでにクライアント側の戦争に勝ちました （ AngularとEmberを忘れて、Reactはすでにクライアント側の戦争に勝ちました）
  • ReactはAngularを殺します （ReactはAngularを殺しています）
  • Redux入門 ：ダンアブラモフによるコース
  • jQueryプラグインをEmberアプリケーションに統合する方法
  • ReactJS Eat Sleep Codeポッドキャストポッドキャスト
  • spooky-react -React、ES2015、Browserifyを使用したスケルトン
  • 60秒でReactクラスを作成する
  • Reactコンポーネントの構造化
  • Reduxミドルウェアについて（ Reduxミドルウェアについて）
  • Angular 2とImmutable.jsを使用してMinesweeperをビルドする方法（Angular 2とImmutable.jsを使用してMinesweeperをビルドする方法）
  • Angular 1のコードをAngular 2に準備する5つのステップ
  • Angular 2のマルチプロバイダー（ Angular 2のマルチプロバイダー）
  • フレームワークのないJS （フレームワークレスJavaScript）
  
  
• Nicolas BevacquaによるJavaScript開発者の調査
• JavascriptでのHTTPライブストリーミング
• HTTP / 2向けの構築
• JavaScript開発者向けのツールについて （他の開発ツールを恥じるJavaScript開発ツールを参照してください）
• 最高のJavaScript IDE （最高のJavaScript IDEとは？）
• JavaScriptの同時実行（パート1） （同時にJavaScript（パート1））
• JSパッカーを忘れましたか？ それほど速くない （JSパッケージを忘れた？それほど速くない）
• ユーザーとアプリの状態を失わないで、ページの可視性を使用します （ユーザーとアプリの状態を失わないで、ページの可視性を使用します）
• JavaScriptアプリケーションをリファクタリングしてマイクロサービスを使用する：BackboneとMarionetteで学んだこと
• プラグイン
  
  • MissPlete -220行の独立したECMAScript 2015（ES6）コードで構成されるタイプミス耐性のオートコンプリートプラグイン
  • jump.js-スムーズなスクロールのための依存関係のない小さなモダンなライブラリ
  • Responsify.js-顔をトリミングせずに画像を本当に反応させるプラグイン
  • microm-サウンドをブラウザーでマイクからmp3に変換するためのライブラリ
  • Visual Studio Code用のWallaby.js （Visual Studio Code用のWallaby.js）
  
  

ブラウザ

• Microsoftは、現在のバージョンを除くI​​nternet Explorerのすべてのバージョンのサポートの終了を発表しました
• Opera Maxアプリがストリーミングサービスのトラフィックを節約する方法を学ぶ
• Microsoft Edgeに役立つ10の機能と拡張機能
• UC Browserは世界第2位のモバイルブラウザになり、世界市場の17％を占めています
• Vivaldi、あなたの次のブラウザ？ （Vivaldi、次のブラウザ？）

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

• スターウォーズGoogleミニサイト
• saltfilms.com.sg-非常に非標準的なインタラクティブなサイト
• admirhadzic.com-ミニマルなデザイン、異常な視差、遷移効果のあるサイト
• ミニマルデザインの例 （22の豪華なミニマルデザインのショーケース）
• avenirclinic.com-ブロックの外観のミニマルなデザインとカスタムアニメーションを備えたサイト
• acme - experience.com-創造的なフルスクリーンスライダーを備えたサイト
• webstock.org.nz-珍しい視差デザインのページ
• digiti.be-非標準の幾何学的形状の要素を持つサイト
• dance.com-新しい大規模なソーシャルネットワーク、今回はダンサー向け

設計

• 歴史：
  
  • Life¶：The Paragraphの歴史 （The Life of¶：The History of the Paragraph）
  • プリフライト -アプリケーション設計履歴
  • レッドピーク：デザインできる小さな旗
  
  
• UI / UX：
  
  • 10フィートUIのUXを作成する （ 10フィートUIのユーザーエクスペリエンスを設計する）
  • Motion DesignでUXを改善する方法
  • さまざまなUI状態の設計
  • 無限スクロールがUXを破壊する方法
  • UXの意味で印刷デザインが教えられるもの（印刷デザインがUXについて教えてくれるもの）
  • マイクロテキストを追加してUXを改善する9つの方法 （ マイクロコピーでUXを強化する9つの実証済みの方法）
  
  
• グラフィックエディター：
  
  • ベクター、オープンで便利：Inkscape 0.91
  • シンボルと一般的なスタイルがSketch UIの設計プロセスを高速化する方法
  • Sketch and InVisionの11のプロトタイピングのヒント
  • スケッチの色（ スケッチの色）
  • マスタースケッチ3 （マスタースケッチ3）
  
  
• 教訓：
  
  • 薬のボトルを使ってスケッチで簡単なイラストを作成するレッスン
  • Sketch 3でいくつかのサイズのアプリケーションアイコンを設計およびエクスポートする
  • Pixarチームからの4つのデザインレッスン
  • モバイルでのフィルタリングと並べ替えのベストプラクティスに関するベストプラクティス
  • クールな Webサイトの背景ビデオを作成するためのガイド （Webサイトの背景ビデオを改善するための10のガイドライン）
  • Adobe Photoshopでの影の実験
  • Adobe Illustratorで折り畳まれた紙のテキスト
  • Adobe IllustratorおよびAfter Effectsでラトビアのアニメーションパターンを作成する方法（Adobe IllustratorおよびAfter Effectsでラトビアのアニメーションパターンを作成する方法）
  
  
• Folio：設計チーム向けのシンプルなGitベースのバージョン管理
• 「デザイナーが自分の仕事にtooしすぎるとうっとうしい。」 Anton＆Ireneデザインスタジオの創設者-クリエイティブディレクターAnton ReponenとユーザーエクスペリエンスディレクターIrene Pereira-は、Google、Microsoft、Porsche、Red Bull、CNN、Netflixなどの有名な国際企業と協力しましたブランド。 デザイナーは、顧客とのやり取りの経験、自分のプロジェクト、仕事の原則についてvc.ruに語りました。
• ミニマリストデザインがどのようにスキューモーフィズムを殺したか
• モックアップを改善する8つの錯視
• デザイナーの仕事 （デザイナースペース）
• デザインは会話です
• Lonely Planetでの目的地の設計
• 不可欠であるための初心者向けガイド
• Wealthfrontの再設計 （ Wealthfrontの再設計）
• データの視覚化に適したカラーパレットを見つける
• 成功するWebの秘密：ユーザーが望むものを見つけて、それを彼らに与えます （Web成功の秘密：ユーザーが望むものを見つけて 、それを彼らに与えます）
• ドリブルエレメントの4つのレイアウトトレンドレイアウトトレンド
• Web Design Trends 2015＆2016：Fearless Colors （Web Design Trends 2015＆2016：Fearless Colors）
• より良いアプリアイコンの設計
• 新しいGoogleマテリアルアイコンは、いくつかの作業を使用できます

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

• プロジェクト用の無料のカラーアイコン
• 見出しと大きなラベル用の無料フォント
• Alienvalleyからの 20 個のモックアップ （ Alienvalleyによる 20の新しい無料モックアップ）
• UI Spicy Treats （無料のスパイシートリートUIキット）
• エレガントなベクターセット （無料ダウンロード：エレガントなベクターキット）
• 通信アイコン
• Zenアイコンセット （Zenアイコン：12個の最小限のアウトラインアイコンの無料セット）
• 装飾クリスマスタイムフォント （無料ダウンロード：クリスマスタイム表示フォント）
• Nazaré-装飾フォント （Nazaré-フリーフォント）

ニュース

• 新しいWordPress.com：
  
  • WordPressをゼロから再起動して、Mediumとの競合を改善
  • 新しいWordPress.comの背景
  • カリプソへのダンス
  
  
• AMPページは2016年初めにGoogleの発行に表示されます
• Rostelecomは、Steamでゲームを販売するためのGames.rt.ruプラットフォームを立ち上げました
• MozillaはもはやGoogleの資金を必要としません
• Amazonの創設者が再利用可能なロケットの製造でSpaceX Elon Muskを追い抜く
• Li-Fiは実験室の外でテストされ始め、伝送速度はWi-Fiの100倍です
• WordPressプラットフォームがグローバルに再起動しました
• IBMはSystemML機械学習プラットフォームをApacheコミュニティに引き渡します
• Googleは、柔軟なモノクルの形で新しいGlassメガネの特許を取得しました
• ユーザーはinしている：Windows 10の更新プログラムは要求なしにアプリケーションを削除
• GoogleおよびYahooとの取引により、Mozillaは2014年に収益の90％をもたらしました

おもしろい

• 鈍い親dに技術用語を説明する方法
• 現代のeスポーツとは：アレクサンダーコハノフスキー、CEOナトゥスヴィンチェレによるストーリー
• Googleで働きたい：1つのオファーの歴史
• 広告はブロックできません 。 広告ブロッカーはどのように機能し、サイトはどのように対処しようとしますか？
• ヴァシリー・フィリポフ。 ヤンデックスがどのように暖かくなり、ランプになったのか
• アジアのスーパーコンピューター革命
• Googleは未来を探しています
• 知らなかった、または忘れたWindowsシステム
• IT業界の歴史の中で最も失敗した決定
• ほとんどすべてのワークフローを自動化するハッカーのセンセーショナルなスクリプト： ハッカースクリプト

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

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