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

ウェブ開発

CSS

Javascript

ブラウザ

設計

無料のクッキー

ニュース

おもしろい

ウェブ開発

• 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月版）

---

ニュース

• Computex 2015：
  
  • Computex 2015で発表された最高のハードウェア
  • Computex 2015の新しいクレイジーコンピューター
  • Tom's HardwareによるComputexで最高
  • Computex2015。BestChoise Awards 2015-最高のガジェットを備えたスタンドからのビデオ
  • 展示会の一部の企業： OCZ 、 AMD 、 Asus 、 Acer 、 Transcend 、 Genius 、 MSI
  • 最大300 MB / sの読み取り速度の512 GB microSDメモリカード
  
  
• Yandexは音楽サービスRadioを開始しました
• Windows 10の最終バージョンは7月29日に世界を見る
• Satya Nadellaは最も影響力のあるITリーダーとして認められています
• YandexはストリーミングサービスRadioを開始しました
• Pinterestが購入ピンを発売
• GoogleはMicro-Momentsプロジェクトを開始し、 ユーザーデータのプライバシーとセキュリティを制御する新しいツールもリリースしました
• Snapchatの価値は160億ドル
• Yahooは6月末にカードを閉鎖する
• YouTubeはアーティストに最も愛されている場所とコンサートの場所を伝え始めました
• マイクロソフト、Wunderlist Task Manager Developerを買収-WSJ
• 11月にゲーム機SteamをリリースするValve

---

おもしろい

• Google ATAP-最もクレイジーな部門の新機能
• Magic Leap-仮想現実デバイスの別の見方
• Windows 10は世界のPC市場の成長を助けません
• Google Project Loon：自動開始システムとWebトラフィックを送信するための新しいスキーム
• Googleとリーバイスはチームを組んでインタラクティブな衣服を作成しました
• Google I / O 2015：トレイルホット
• ウェアラブル電子機器。 5月の最も興味深い新商品
• エジプトのGoogleが地元の冷蔵庫の売り手が誤ってリード

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

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