🚶🏾 🙍🏻 👩🏿‍🤝‍👩🏻 Web開発およびITの世界からの興味深い資料のダイジェスト、先週第182号（2015年10月19〜25日） 🦀 ♎️ 🐐

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

Web Standards CommunityのYandex.Subbotnikのテキスト翻訳ログ：資料、写真、ビデオ
Web Animations API：便利なリンク
なぜモバイルファーストなのか
HighLoad ++クライアントプログラミングセクション
Webデザインのジャイロスコープと加速度計
HTML5を使用したコンテンツの簡単な整理
Bootstrapの新しいサイトビルダー： Bootstrap Studio 。小さなビデオレビュー
HTML5で画面の向きをマスターする方法
Atom Presents Betaチャンネル
Foundation 6-10のすばらしい新機能
<input>、私はあなたを愛していますが、あなたは私を失望させました（私はあなたを♡入力しますが、あなたは私を降ろしています）
入力に怒っている人々の簡単な歴史
Chrome Devtoolsのヒントとコツ
ServiceWorker： Webプラットフォームの革命
Webおよび漸進的改善の観点からの最小システム要件（最小システム要件）
HTML5の正しいセマンティクスを見る（適切なHTML5セマンティクスを見る）
本「フロントエンドハンドブック」（フロントエンドハンドブック）
Modernizrを責任を持って使用する方法
Web開発者へのインタビューの最も重要な側面のガイド（Web開発者へのインタビューの重要ガイド）
パンチカードコーディング：インタラクティブな電子メールの秘密
キャッシングパズルを解決する方法（キャッシングの難問を解決する方法）
Web上の画像の遅延読み込み
Gulp.jsは必要ないかもしれません（Gulp.jsは必要ないかもしれません）
したがって、ブラウザは実際にどのようにサイトをレンダリングしますか（「ブラウザは実際にどのようにWebサイトをレンダリングするか」というレポートは、JSConf EU 2015のRyan Seddonによる）
モバイルアクセシビリティのクラッシュ：WCAG3が必要ですか？（モバイルアクセシビリティが失敗する：WCAG3が必要ですか？）
A11y Rocks -Web Accessibility Communityからの曲の編集
SVG：
- SVGテキストの使用方法
- SketchとSVGを使用したアイコンアニメーション
- WebGLでSVGパスをレンダリングする
- クリス・コイヤーの「The Wonderful World of SVG」プレゼンテーションスライド
壮大なウェブ：
- CSS / SVG / JS＃9の美しいエフェクトの毎週の編集
- ページスタックナビゲーション
- モバイルインタラクティブ実験「プルツーシェア」

CSS

PostCSS：
- PostCSSが必要な理由
- PostCSSクイックスタートガイド：Gulpの構成
- PostCSSの詳細：プリプロセッサの作成（PostCSSの詳細：プリプロセッサのロール）
- PostCSSの詳細：「PreCSS」を使用した前処理（PostCSSの詳細：「PreCSS」を使用した前処理）
Webフォント：
- Web Font Anti-Pattern：ローカルフォントの使用
- アイコンフォントの死！（EpicFEL 2015からのSeren Davies Death to Icon Fontsレポート
- Mediumでフォントを使用する際のニュアンスと、25年前のフォントを復活させる方法についての記事（システムショック。復yearとともに戻ってきた25年前のフォントの物語）
HTMLのタグの順序とCSSを使用した要素の順序（HTMLソースの順序とCSSの表示順序）
CSSを書くときに避けるべきこと（CSSを書くときに避けるべきこと）
CSSgram -CSSフィルターとブレンド効果を使用してInstagramフィルターを再作成する小さな（<1kb gzip圧縮！）ライブラリ
CSSの設計における間違いの不完全なリスト
CSSのCSS擬似コメント、またはブラウザーがスタイルを解析する方法（CSSの擬似コメント（または、ブラウザーがスタイルを解析する方法））
CSSマスクと変換を使用してエッジを斜めにする（CSSマスクと変換を使用した角度付きエッジ）
CSSketch-スケッチ3用のCSS。CSSスタイルを使用した設計
CSSのパス上の要素をアニメーション化します（ CSSを使用してパス上の要素をアニメーション化します）
フレックスボックスの実用ガイド
CSSの配置タイプについて知らない5つのこと
15の一般的なCSSインタビューの質問と回答
CSSブレンドモードのテスト（Mix-Blend-Mode CSSプロパティテスト）
CSSで背景に応じてテキストの色を自動的に変更する（ブレンドモード）（CSSで背景色に基づいてテキストの色を自動的に反転する）
アニメーションゲームボーイトイ（CSSのアニメーションゲームボーイ）
カードテンプレート（プロジェクトカードテンプレート）

Javascript

HTMLおよびJavaScriptでWindows 10用の独自のブラウザーを作成する方法
フレームワーク
- Reactの学習-なぜ、どこで、どのように？
- Angular2閉じる
- TypeScript 1.6リリース：Reactだけではありません
- AngularJSのテスト駆動開発
- Ember 2.0の新機能
- Khan Reactライティングガイド
- フロントエンドフレームワーク/ライブラリの選択：Angular vs. エンバーvs. React （フロントエンドフレームワークの選択：Angular vs. Ember vs. React）
- AngularJSの多言語サポート
- 純粋なJSの角度2（プレーンJSの角度2）
ES6：
- ES6の詳細：残差パラメーターとデフォルトパラメーター
- ES6でEventEmitterを実装する
- ES6に「一時的なデッドバンド」があるのはなぜですか？（ES6に「一時的なデッドゾーン」があるのはなぜですか？）
- ES6の概念=> jQuery開発者向けの機能（ jQuery開発者向けの ES6 Arrow Functionsについて）
JSライブラリの公開の難しさ（JavaScriptライブラリの公開の苦労）
JSでPromiseを使用するためのベストプラクティス
JavaScriptは非同期になります（そしてそれは素晴らしいです）
JavaScriptでObject.observeを試す
Socket.ioを使用したリアルタイムチェスゲームの作成（ Socket.ioを使用したリアルタイムチェスの構築）
MeteorJSで将来に賭けない理由。（なぜMeteorJSに自分の将来を賭けないのか。）
私たちは、ノートとカードを扱うためのアプリケーションを新しいレベルに引き上げています（カードのデザインを新しいレベルに引き上げます）。
Web Speech APIを使用して音声制御オーディオプレーヤーを作成する
jQueryゲームを支援する簡単なヒント集）
Simple Lightboxは、デスクトップとモバイル用のタッチフレンドリーなイメージライトボックスを作成するためのもう1つのjQueryプラグインです
rollup.js -JavaScriptモジュールのビルダーの新世代
Vivus.js-SVGアニメーションをアニメーション化するためのスクリプト（Vivus.jsはSVGアニメーションに命を吹き込みます）

ブラウザ

設計

時間の幻想。「時間の錯覚。時間知覚がユーザーエクスペリエンスをどのように形成するか」 by Adrian Zumbrunnen
若いデザイナーにとってのファンタジーの仕組み
デザインの周りに神話を作成する
販売するランディングページを作成する
グラフィックエディター：
再設計：
- 2015年の夏の素晴らしい6つの再設計
- Twitter Momentsの再設計（ Twitter Momentsの再設計）
- Webデザインを再設計しましょう
UX：
- UXのボタンの進化（UXデザインのボタンの進化）
- オブジェクト指向UX
- ハイパーリンクのUXの修正
- UXリンク-一歩前進（ハイパーリンクのUX —さらに一歩前進）
長方形、円、曲線のみを使用してスケッチでイラストを描く方法
Adobe Photoshopでかかしのオーガニックテクスチャを作成する方法
製品設計は指紋から始まります
販売するランディングページの設計
インターネット会話：Jean-Marc Denis、Googleのデザイナー（以前はSparrowで雇用されていました）（AMA：Jean-Marc Denis、Googleのデザイナー（以前はSparrow））
デジタル時代の手作業による設計
iPhone用Stripeダッシュボードの製品設計の調査
ジョニーアイブの原理
LEGOのデザインインサイト
素材はWebデザインを殺すのですか？（マテリアルデザインはWebを殺していますか？）
25のクリエイティブにデザインされた巧妙なロゴ
東京は 2020年オリンピックのロゴデザインのアイデアを待っています（東京は2020年オリンピックのロゴアイデアを募集しています）

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

20のシームレスなオリエンタルパターン
スケッチ測定プラグイン（スケッチデザイナー向けの無料測定プラグイン）
諸聖人の日のベクトルパターン（不気味なハロウィーンの20の無料ベクトルパターン）
高品質のテクスチャ（次のプロジェクト用の20個の無料の高品質テクスチャパック）
「Land.io」 UIキット+ランディングページテンプレート（HTML）（景品：「Land.io」UIキット+ランディングページテンプレート（HTML）
ブランドアイデンティティモックアップ（15の無料ブランドアイデンティティモックアップ）
オールセインツデー専用のビンテージベクトルスタンプ（景品：ビンテージベクトルハロウィーンスタンプ）
人気ブランドのSVGアイコン（シンプルアイコン）
無料の本「あなたはそれをすべて間違って設計している！」（あなたは設計している）
オンラインストア用のレスポンシブアイコン（無料のレスポンシブeコマースアイコン）
キャプテン-手書きアイコンのセット（キャプテンアイコンは、350以上のアイコンを持つフリーハンドオープンソースアイコンセットです）
無料のレトロなアイコン（無料ダウンロード：2000以上のスケーラブルな色付きの有線アイコン）
諸聖人の日のアイコンセット（19アイコン、AI、EPS、PDF、SVG、PNG）（景品：ハロウィーンアイコンセット（19アイコン、AI、EPS、PDF、SVG、PNG））
Metal Blackletter-ゴシックスタイルの装飾フォント（Metal Blackletter-フリーフォント）
繊細-装飾フォント（繊細なフリーフォント）
Stilu-Free-sans-serifフォント（Stilu-Free San Serif Typeface）

ニュース

おもしろい

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

先週のダイジェスト。

dersmollとalekskorovinが作成した資料。

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

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

ニュース

おもしろい

More articles: