🧑‍🤝‍🧑 🧘🏽 🍪 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）

ブラウザ

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

スターウォーズ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é-フリーフォント）

ニュース

おもしろい

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

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

先週のダイジェスト。

dersmollとalekskorovinが作成した資料。

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

ウェブ開発

CSS

Javascript

ブラウザ

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

設計

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

ニュース

おもしろい

More articles: