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

ウェブ開発

BEMを愛することを学ぶ
SVG：
- 例付きのSVG形状の輪郭のアニメーション。 stroke-dasharrayとstroke-dashoffsetを使用した「描画」の効果。
- ReactでSVGアイコンを作成（ ReactでSVGアイコンを構築）
- px2svg-ラスターイメージをSVGに変換するためのツール
- SVGアニメーションの現状
- SVGの仕組みに関する簡単なガイド
- GSAPを使用したアニメーションSVG
Webサイト用のクールなモバイルメニューの作成（Webサイト用の優れたモバイルメニューの構築）
Webデザイナーと開発者向けの無料の本50冊
子供向けWeb開発：Tuts + Townへようこそ（子供向けWeb Design：Tuts + Townへようこそ！）
12の時間節約ブートストラップの例（12の時間節約ブートストラップの例）
10の最も一般的なブートストラップの間違いエラー
メディアクエリを使用しないレスポンシブメールの作成（メディアクエリを使用しない未来対応のレスポンシブメールの作成）
レスポンシブ画像101、パート8：CSS画像（レスポンシブ画像101、パート8：CSS画像）
HTML5クリップボードサポート（HTML5クリップボードサポート）
Webでのコピーと貼り付け（Copy＆Paste＆The Web）
CSSフィルターとVibrant.jsを使用した色抽出効果
アクセシビリティに関するチートシート
Web開発者がCSSに対抗するための呼び出し（Web開発者がCSSを非推奨にするための呼び出し）
流星の開発の改善（足場と自動フォーム生成で流星の開発を高速化する方法）
Power Surge-Firefox Developer Editionを使用してこのHTML5ゲームのJavaScriptを最適化します（Power Surge-Firefox Developer Editionを使用してこのHTML5ゲームのJavaScriptを最適化します）
Vitaliy Fridman のレポート「Improving Web Fonts Performance」のスライド
「ページ読み込みの過給」 -ジャックアーチボルドがGoogle Developersで、Service Workerがどのようにページ読み込み速度を最適化するのかを説明します

CSS

フレックスボックスが全能ではない場合、またはCSSのダークサイドを驚かす
あなたの知識をテストするための15の CSS質問
FlexboxでWebサイトを作成（Flexbox Webサイトの構築）
CSSを使用してすべてのツールチップを作成する（すべてのCSSツールチップを実装する）
最高のCSSリセットスタイルシート
ウィンドウ効果でのCSSのみの雨滴
content-boxとborder-boxの違いを説明するCodePenの面白いツール。
古いブラウザで最新のCSSを使用する4つの方法
ミットロムニーWebフォントの問題
知っておくべき新しいCSSのトリックとスニペット
「断片」の作成：CSSクリップパスを使用したインタラクティブな展示の設計（CSSクリップパスの使用）
Silon-純粋なCSS論理ゲートとコンバイナ
Sassマップの色（ Sassマップの色）
Sass MixとMedia Merging（Sass MixinとMedia Merging）
Bootstrap Sassのインストールと設定（Bootstrap Sassのインストールとカスタマイズ）

Javascript

jQueryは有害と見なされます
完璧なJavaScriptフレームワークを見つける
AngularJS vs Backbone.js vs Ember.js
ポッドキャストradioJS、問題23：野菜を食べる、マトリョーシカに書く
機能的アプローチによるJS最適化
V8 JavaScriptエンジンがV8と呼ばれるのはなぜですか？
ES6の詳細：矢印機能
EaselJSでWebゲームを開発する方法
なぜAngular 2が操縦するのですか？（Angular 2 Rockを使用する理由）
フロントエンド開発者がMeteorを学ぼうとする理由
チョーク付きJavaScriptコード（JavaScript Code Smells）
7つのコアJS関数（7つの必須JavaScript関数）
ES6 Promisesの概要- コールバック地獄を回避するために必要な4つの機能（コールバック地獄を回避するために必要な4つの機能）
De Stijl：var、let、およびconstはどのくらい必要ですか？（De Stijl：var、let、およびconstはどのくらい必要ですか？）
BabelとBrowserifyを使用してES6でプロジェクトを設定する（BabelとBrowserifyを使用してES6プロジェクトを設定する）
なぜバベルが重要（なぜバベルが重要）
JavaScript ES7の関数バインド構文（JavaScript ES7関数バインド構文）
JSON API 1.0
今後12か月間のJavaScriptの予測
ブラウザで音楽を作成する-Web MIDI API
ReactJSは非常に高速ですか？（ReactJSは本当に高速ですか？）
Ember.jsの概要（ Ember.jsの概要）
8つの最も一般的なEmber.js開発者の間違い
スプレッドシートとシンプルなデータテーブルを実装するためのオープンソースプラグイン（JavaScriptオープンソーススプレッドシートとデータグリッド）
Angular.jsアプリを拡張する15のディレクティブ
縮小不可能な角度コードの検出
Angular.jsでのPolymer Webコンポーネントの使用（ Angular.jsでの Polymer WebComponentsの使用）
J2C -CSSのJSオブジェクトのコンパイラ
console.message-フォーマットのサポートとスタイルの使用により、コンソールの機能を拡張します
Project EON-リアルタイムのデータ更新を備えたダッシュボード
Vectoriousの紹介（ Vectoriousの紹介）
Knwl.js-自然言語用のJSパーサー
TransloadItの開始方法-重要な概念

ブラウザ

Operaブラウザー、そのモードおよびエンジン
Firefox Developer Edition 40の新しいパフォーマンスツール（Firefox Developer Edition 40の新しいパフォーマンスツール）
ブラウザの動向2015年6月：2位争い
Chromeはサイト上の「過剰な」Flashコンテンツをスマートにブロックすることを教えました
リーダーモードとPocketサービスをサポートするFirefox 38.0.5リリース
Google Chrome v44は、ユーザーアクションの詳細を調査します
Google Chromeはガジェットを保存することを学びました
GoogleがChromeでNow On Tapコンテキストテストを開始
Web開発者向けの25の便利なChrome拡張機能
ビデオ：エッジレンダリングエンジンがWebを機能させる
ビデオ：ITプロフェッショナル向けのMicrosoft EdgeおよびIE11
なぜエッジなのか？

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

theboat-嵐の中のインタラクティブなサイト
andtonandirene.com-デザイナーの楽しくスタイリッシュなポートフォリオ
onthegrid.city-グリッドと動的列
brand.uber.com-背景ビデオ、アニメーション、カスタムレイアウトをシームレスに組み合わせたモダンなウェブサイト
antonandirene.com-楽しいデザインと興味深い効果のある垂直スクロールサイト
winshipwealth.com-興味深いアニメーションの別の垂直サイト
carsandcoffee.it-素敵なアニメーションコンテンツのアップロードが可能な自動車サイト
舞台デザイン+テレビ
feedmusic.com-アニメーションの背景があり、ページの奥にスクロールするサイト
スクロールアニメーションがたくさんあるスクータープレゼンテーションサイト
neiouma.com/versailles-興味深いスクロールアニメーションのある別のサイト
デニスインタラクティブミュージックビデオ
クールな水平スクロールサイト

設計

MicrosoftはWindows 10でアイコンを更新しました
汚れのテクスチャを使用してPhotoshopのブラシを作成する
雑誌のタイポグラフィのクールな例
フォントライブラリ -Googleフォントのタグ
あなたのデザインはモバイル機器にどれくらい優しいですか？これへの12のヒント（デザインはモバイルフレンドリーか？12のヒントに従う）
Googleが最終的にデザインを手に入れた方法（Googleが最終的にデザインを手に入れた方法）
Material DesignはAppleにとって致命的な打撃になりましたか？（マテリアルデザインはAppleのデスブローですか？）
マテリアルデザイン：フローティングアクションボタンが悪いUXデザインである理由
鏡像パートI （鏡像パートI）
Awesomeチームのキャラクターをデザインして描く（Team Awesomeのマスコットをデザインして描く）
最新のスプラッシュページを使用したWebデザインの例（最新のスプラッシュページを使用したWebデザインのショーケース）
3つのプロトタイピングツールの比較： Invision、Marvel、およびJustinmind （3つのプロトタイピングツールの比較：Invision、Marvel、およびJustinmind）
優れたWebデザインに50ドルの費用がかからない理由
フレーマーによるプロトタイピング
UXはUI （UXはUI）
アーキテクチャの視覚化
（Re）design Hype （（Re）design Hype）
基調アニメーション実験（KEYNOTE MOTION GRAPHIC EXPERIMENT）
Chrome for Androidの再設計。パート1 （Chrome for Androidの再設計。パート1 ）
読書よりも認識のためのUIを作成する
新しいTwitterプロファイルの設計
ユーザーがアクションバーに配置されたフォームボタンを見逃す理由
インターフェイスのテキスト：人間向けコード（インターフェイスの作成：人間向けコード）
光学アライメントなしの再生ボタン（PLAYボタンは光学アライメントではありません）
最新のデザインツール：アダプティブレイアウト
デジタルドローイングとデジタルペインティング：違いとは何か、なぜそれを知っておくべきか
モバイルでの履歴のナビゲート
Adobe Photoshopで破壊された都市の写実的なシーンを作成します（ Adobe Photoshopで都市破壊シーンの写真操作を作成します）
Adobe Illustratorでカラフルな木製アーティストのパレットを作成する
ポールランド 7 ステップロゴテスト（7ステップポールランドロゴテスト）
ロサンゼルスでの2024年オリンピックの新しいロゴとアイデンティティ（REによるLA 2024オリンピック入札都市の新しいロゴとアイデンティティ：We Bid you Farewell）
効果的なロゴデザイン、パート1：シンボル、メタファー、直観力
2015年5月のTypewolfのお気に入りのサイトの背景の表記上の詳細

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

無料の夏のアイコン
One Hundred and One Best Font （101最高の無料ロゴフォント）
10個のスケッチプラグイン（デザイナーと開発者向けの10個の無料スケッチアプリプラグイン）
金属と錆のテクスチャと画像（無料の高解像度の金属と錆の背景テクスチャと画像）
PhotoshopおよびSketch用のDO UIキット（無料ダウンロード：250以上のコンポーネントを含むDO UIキット）
PSD形式のダッシュボードUIテンプレート（20以上の無料のダッシュボードUI PSDテンプレート）
フリーライティングアイコン）
2015年5月の 22個のフリーフォント（22個の素晴らしいフリーフォント-2015年5月版）

ニュース

おもしろい

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

先週のダイジェスト。

dersmollとalekskorovinが作成した資料。

Web開発およびITの世界からの興味深い資料のダイジェスト、先週第163（2015年6月1〜7日）

ウェブ開発

CSS

Javascript

ブラウザ

設計

無料のクッキー

ニュース

おもしろい

ウェブ開発

CSS

Javascript

ブラウザ

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

設計

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

ニュース

おもしろい

More articles: