📊 🔺 ⚙️ Web開発およびITの世界からの興味深い資料のダイジェスト、先週第199号（2016年2月15〜21日） 🔋 🚋 👩🏿‍🤝‍👨🏾

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

レイアウトを正しくテストする
2015年の6つの優れたWebテクノロジー
私はウェブ開発者であり、10日間は簡単なアプリケーションを書くことができません
フロントエンド開発のフレームワークを選択する方法。フロントエンドWebフレームワークを選択する方法
HTML5でのARIAの効果的な使用
Googleは、JavaScriptとAJAXを使用したインデックス作成からリンクを閉じることを推奨していません
HTTPの準備/ 2：Webデザイナーと開発者向けガイド
Google AMPについて知りたいことすべて（AMPを最大11に設定：Googleの高速モバイルページについて知る必要があるすべて）
CDNでSERPのGoogleランキングを改善する5つの方法
フレームの解剖学
Internet Explorerの後の家の掃除（ Internet Explorerの後の家の掃除）
初心者向けのJadeチュートリアルガイド
フロントエンド開発者向けのリモートデバッグ
フロントエンドデザイン（フロントエンドデザイン）
API：舞台裏でのインターネットの仕組み
mjmlは、レスポンシブメールテンプレートを簡単にする唯一のフレームワークです
壮大なウェブ：
- CSS / SVG / JS＃25の美しいエフェクトの毎週の編集
- プリティカラーパレット（SVG）で同心円を作成する
- グリッドに製品を充填するポラロイド効果
- パネルテンプレートを離れる
- そのような魔法のデモ
- Codeology - GitHubのサイバークリーチャー

CSS

明らかでないフロントエンドのトリック
すべてのCSS垂直方向の整列方法
CSS Grid Layoutのサブネットについての意見。 css-live.ruコミュニティによる大規模な記事翻訳を考えているサブグリッド
background-clipプロパティとその適用。記事「The background-clip」プロパティとそのユースケースのアナ・チューダー翻訳
CSSロードの未来。翻訳記事Jake ArchibaldによるCSSのロードの未来。
カスタムプロパティを使用してCSSの読み込みを制御します。カスタムプロパティを使用したCSSの読み込みの制御に関する記事の翻訳
本当に欲しいCSS機能
CSSカスタムプロパティ：Chrome 49で変数を使用する方法
手描きのボーダーボタン
CSSハートの実装（I Heart CSS）
「object-fit」と「object-position」の概要
貧しい人のためのスタイルガイド（貧乏人のスタイルガイド）
Sass：プレースホルダーとセレクター@ extend-Only （プレースホルダーと@ extend-Onlyセレクター）
CSSスクロールスナップポイントを使用した動的ポートフォリオの作成（ CSSスクロールスナップポイントを使用した動的ポートフォリオの作成）
CSSタッチアクションを使用してモバイルで300ミリ秒の遅延遅延を無効にするか、FastClickをポリフィルとして非同期にダウンロードします
プルクオートから二重のトラブルを取り除く
Flexboxグリッドシステムの使用開始
CSSカスタムプロパティを使用したテーマの切り替え（CSSカスタムプロパティを使用したテーマスイッチャー）
ペンギン（HTMLおよびJSなし）（ペンギン（HTMLなし、JSなし））

Javascript

追加のJavaScriptプロパティ
大きなプロジェクトでの悪いJavaScriptとは何ですか？どのような問題に遭遇し、どのように解決したか
JQueryプラグインを作成するための良いトーンルール
ラジオJS、問題34：構文糖尿病アンドレイは、React Nativeを使用した経験について語っています。新しいV8、JS over HTTP / 2.0およびパイプラインオペレーターの読み込みについて説明しています。
JavaScript時間のローカライズ
DOM要素を操作するためのヒントとテクニック
JavaScriptの学習方法（ JavaScriptの学習方法）
MERNは、MongoDB、Express、React＆Redux、Nodeで同形JSアプリケーションを作成する最も簡単な方法です（MERNとは）
jsPDFを使用してオンザフライでWebページからPDFを生成する
フレームワーク
- React vs Angular 2-比類のない比較？（React vs Angular 2-比較できないものを比較しますか？）
- Dan Abramovがreduxおよびその他のプロジェクトをGitHubのreactjsに翻訳することについて
- 非アニメーションのアニメーション。 React.jsでのトランジションのスムーズな並べ替え（アニメーションなしのアニメーション。React.jsでのトランジションのスムーズな並べ替え）
- AngularJSでLaravel APIを使用する方法
- 角度アプリケーションのスタイルガイド（角度スタイルガイド）
- AngularJSでRestサービスを呼び出す（ AngularJSで Restサービスを呼び出す）
- AngularJSでSPAを構築するための必須ツール
- ビデオ：React Props、デフォルトおよびモジュールに関するレッスン（ウォッチ：React Props、デフォルトおよびモジュールに関するレッスン）
- Reactでのスムーズなゲームアニメーション
- Emberの関数型プログラミング：Q2 eBankingのDaniel Chappell （Emberの関数型プログラミング：Q2 eBankingのDaniel Chappell）
ES6：
- ES6 const：無に対する耐性
- ES2016：JavaScriptの未来は開発者主導か？
- Duckduckgo Javascript ES6チートシート（ Javascript ES6チートシート -JS ES6のベスト）
- ES6ライブラリースターター-ES6のライブラリーの基礎（ES6ライブラリースターター）
JavaScript Promiseの仕組み（JavaScript Promises-仕組み）
JavaScript： Promiseオブジェクトを定義および処理する方法
不変性の説明
Gmail JavaScript APIを使用してメールを送信する
合理的に純粋な関数型プログラミングの紹介
デュランダルとアウレリアの作者であるロブ・アイゼンバーグへのインタビュー（デュランダルのロブ・アイゼンバーグへのインタビュー）
フルスタックJavaScriptビデオ（フルスタックJavaScript）
簡単な例Ajax / jQuery.getJSON （Ajax / jQuery.getJSON簡単な例）
Descartes-JavaScriptでCSSを記述するための実験的ライブラリ（Descartes- JavaScriptでCSSを記述するための実験的ライブラリ）
Web MIDIの概要（ Web MIDIの紹介）
search-index-ブラウザーとNode.jsのフルテキスト検索エンジン（search- index-ブラウザーとNode.jsの永続的なフルテキスト検索エンジン）
プラグイン
- Bricks.js-固定要素用の石造スタイルの構造ジェネレーター
- okayNav-適応ナビゲーション用の汎用jQueryプラグイン
- jQuery easypin-画像に情報ピンを追加します
- スティッキー要素 -スティッキー要素

ブラウザ

設計

良いインターフェースのための私のルール
意見：「最高のアイコンはテキストです」
グラフィックエディター：
- スケッチ+クラフト：デジタルスカイアライアンス
- Sketch Content Generatorをハックして独自のコンテンツを使用する方法
- Sketchの創設者Peter Omwleyへのインタビュー
- PhotoshopからSketchへの簡単な移行
- スケッチ設定（スケッチを使用したセットアップ）
- スケッチがインターフェース設計に最適なツールである理由
- Illustratorを60秒で：カスタムワークスペースを作成する方法
UI / UX：
- モバイルUIの中国のトレンドについて（中国のモバイルUIのその他のトレンド）
- UXで効果的なアニメーションを実現するための5つの原則
- 14の簡単なステップでのUXデザイン
- collectui-UIのソリューションのコレクション（毎日のuiアーカイブ以降から収集された毎日のインスピレーション。手摘み、毎日更新。）
サイトでマイクロインタラクションを使用する方法
Webデザインでマインドコントロールを使用する9つの方法
外国人アーティスト：南アフリカ（国際アーティストフィーチャー：南アフリカ）
リオオリンピックのブランディングとパラリンピックの開会式の計画に関するフレッドゲリ
意味のあるデータを使用した設計
Apple TV用の設計（ Apple TV用の設計）
スティーブジョブズの他の偉大なコンピューター会社の設計遺産を思い出す
ビデオトランシーバートーキーの設計（ビデオトランシーバートーキーの設計）
FiftyThreeでの創造性と生産性（ FiftyThreeでの創造性と生産性）
Quartzが新規ユーザーをオンボードする方法
航空会社の広告に関する12歳のガイド
ユーバーの原子メルトダウン
サードパーティの設計チームを雇う利点（外部設計チームを雇うことの（そうではない）秘密の利点）
Marvel 2.0を更新しました（Marvel 2.0へようこそ）
電球はどのようにして新しいアイデアとの関連になりましたか？（電球はどのようにして新しいアイデアに関連付けられましたか？）
なぜ解剖学の観点から心臓のシンボルがそれほど間違っているのですか？（心臓記号が解剖学的に間違っているのはなぜですか？）
デザインの詳細：iOS用Quartz （デザインの詳細：iOS用Quartz）
最後の恥ずかしさを編集する
デザインのインスピレーションの最新かつ最高のソース
これらのヒントでプロトタイピングの痛みを軽減
クイックワイヤのヒントを作成するレスポンシブデザインのコンテンツワイヤフレームを作成する
InVisionを使用してWebプロジェクトのスタイルガイドを作成する方法
5ダースの爆発的な名刺（心を爆発させる50のユニークな名刺）
女性がデザインしたロゴ（女性がデザインしたロゴ）
レシピブックのフォントペアの選択（クックブックの書体の選択とペアリング）
ippy-テキストアイコン
2024年のパリオリンピックの新しいロゴ（ドラゴンルージュによるパリ2024候補都市の新しいロゴ）

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

無料のコーヒー汚れ紙のテクスチャ
男性デザインのベクターアート
無料のプラスチックとポリスチレンのテクスチャ
汚染およびエネルギー源のアイコン（AI、EPS、SVG）（景品：汚染およびエネルギーアイコン（AI、EPS、SVG））
最小限のモバイルチャットUIキット（無料ダウンロード：最小限のモバイルチャットUIキット）
チャット–美しく最小限のUIキット
RePrint -2016カレンダー
Foundry∞-ベクトル画像コレクション
スポーツアイコン（無料のスポーツアイコンと新しい例）
Nucleo Flat Businessアイコンセット（AI＆SVG）（景品：Nucleo Flat Businessアイコンセット（50アイコン、AI＆SVG））
Olios：eコマースサイトのPSDテンプレート（Olios： eコマースサイトの無料PSDテンプレート）
Webデザインアイコンセット（Webデザインプロジェクトのベストミニマリストアイコンの29）
Fenton-sans-serifフォント（Fenton Typeface Family）
Weem-セリフフォント（Weem-フリーフォント）

ニュースと面白い

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

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

Web開発およびITの世界からの興味深い資料のダイジェスト、先週第199号（2016年2月15〜21日）

ウェブ開発

CSS

Javascript

ブラウザ

設計

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

ニュースと面白い

More articles: