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

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

無料のクッキー

ニュース

おもしろい

ウェブ開発

• 2Mb Webページ-誰が責任を負うのか？
• ファビコン、タッチアイコン、タイルアイコンなど
• CodeFest 2015でのBEM
• 5月4日のミンスクでのフロントMeetupの資料
• RadioJsポッドキャスト、問題24 。 アンドリュー・シトニク、PostCSSの著者、名誉講演者、邪悪な火星人のフロントエンド、が訪問しました。
• RadioJs Podcast、Issue 25 ：JSCS、ユニットカバレッジ、BEViSの著者であるMarat Dulinが、彼のプロジェクトのストーリーを語り、彼の計画を共有します。
• Bower-総合ガイド＃1
• SEOを妨害する可能性のある5つの罪のない慣行）
• フィルター可能な製品グリッド
• Phaserで最初のHTML5ゲームを作成する（Phaserで最初のHTML5ゲームを作成する）
• thenetawardsによる2015年のベストWeb開発者トップ10
• 2015年のデザインポートフォリオのトップ10
• SVG clipPathによるカード拡張効果
• モバイルデバイスのフォームのテキストフィールドのすべての自動補完をオフにします（ モバイルデバイスの HTML入力自動修正をオフにします）
• ShinyText -Googleのテキストの異常な視覚効果
• Chrome DevToolsを使用してjsconf.euサイトのプロファイルを作成する
• レスポンシブ画像がUいとき
• WebでSVGを使用するための実践ガイド （ Webでの SVG-実践ガイド）
• ブートカード-Twitter、Google（Plus、Now）、Spotify、Pinterest、Amazonで使用される「カード」（カード）の概念に重点を置いたUIフレームワーク
• HTMLを使用したメディアプレーヤーの作成 （ HTMLを使用したメディアプレーヤーの構築）

CSS

• CSSセレクターの将来の世代：レベル4
• レイアウト手法：BEM、AMCSS、OOCSS、Atomic CSS、OPOR、MCSS、SMACSS、FUN、DoCSSa（Elizaveta SelivanovaおよびIrina Levina）
• Sassマップを使用したレスポンシブタイポグラフィ
• 今日は円錐形のグラデーション！ -CSS Conic-gradient（） Lea Verouによるポリフィル
• CSSを使用したアクセス可能な脚注
• PurifyCSSは、未使用のCSSを取り除くツールです。 JSスタイリングでも動作します
• 良いCSSを書く
• 5分でSass機能をテストする
• すべてのWeb開発者がCSSについて知っておくべき5つのこと
• プレゼンテーション「動きましょう！」 CSSConf Australia 2015によるBenjamin De Cock著
• 3つの最新ツールがFlexboxグリッドを使用する方法
• Sass Frameworkのテストの作成
• Envato Market Styleguide （ Envato Market Styleguideへようこそ）
• GradifyCSS-画像内の原色を検出し、スケーラブルなCSSグラデーションを作成するモジュール

Javascript

• ES6（ECMAScript 2015）：
  
  • ECMAScript 2015仕様が承認され 、 ECMAScript 2015公式リリース
  • ES6の探索：ES6の無料ダイブブック
  • JavaScript：ES6イントロ
  • ES6の詳細 ：コレクション（ES6の詳細：コレクション）
  • JavaScript ES6 Destructuringの開始（ JavaScript ES6 Destructuringの開始）
  • ECMAScript 2015の機能的不純物（ECMAScript 2015の機能的混合物）
  
  
• WebAssembly：
  
  • Google、Microsoft、Mozillaなどが協力して、Web用の新しいバイナリ形式であるWebAssemblyを立ち上げました
  • JavaScript作成者Eichの最新プロジェクト：KILL JAVASCRIPT
  • Brendan EichによるASM.JSからWebAssemblyへ（ Brendan EichによるASM.JSからWebAssemblyへ）
  • WebAssembly： Web用のバイナリ形式
  • WebAssemblyとは何ですか？ （WebAssemblyとは？）
  
  
• プロトタイプはオブジェクトです（そしてそれが重要な理由）
• JavaScriptの不変性
• FrontflipポッドキャストNo. 13 ：Ember 2.0。 アンドレイ・リストチキン
• パターン「モジュール」
• Node.jsおよびio.jsはLinux Foundationと提携しました
• プレゼンテーション：JavaScriptの知識レベルを上げる（ JavaScriptでのレベルアップ）
• javascript.com-学習ポータル
• 優れたJavaScript開発者になる方法
• JSアニメーションの概要 （JavaScriptアニメーションの紹介 ）
• Node.jsおよびnode-mysql JavaScriptクライアントでMySQLを使用する
• ユニバーサルJavaScript
• AngularJSアプリケーションのユニットテスト
• JSとGoogle Cartboardを使用したフィルター （JavaScriptとGoogle Cardboardによる現実のフィルタリング）
• プラグイン
  
  • Animate Plusは、CSSプロパティとSVG属性のアニメーション化に役立つ強力なJSライブラリです。
  • 無限リスト -無限スクロールを実装していますか？ 60fpsでの作業
  • ギターチューナー
  • Dokker.js -JSコードのドキュメント
  • Dynamics.js-アニメーションで「物理」を作成するためのライブラリ
  • KinWin.js -DOMを操作するための最小限のライブラリ
  • マーク[lib-選択をシリアル化するためのライブラリ
  • Verlet.jsの概要（ Verlet.jsの概要）
  • Babylon.jsの新機能 （Babylon.jsの新機能？）
  • jQuery.profanityFilter-クライアントの冒fan的なフィルター
  • svg2d3 -SVGからd3.jsコードへのコンバーター
  • OzPlayer-最初の完全にアクセス可能なビデオプレーヤー
  • Quttons-質問のあるボタン
  
  

ブラウザ

• html5accessibility.com-ブラウザでのアクセシビリティサポートの現在の状態
• favicon-bug -1ギガバイトのファビコンWebサイトアイコンのバグ
• ChromeおよびFirefoxのファビコンの脆弱性
• Firefoxを最も安全なブラウザにする方法
• Mac向けChromeは最適化され、リソースをより効率的に使用するようになりました
• GoogleはChromiumに独自コードを導入しました
• Safari 9：Web開発者が知る必要があるすべて

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

• 最小限のデザインのサイトの25の新鮮な例
• 水彩絵の具を使用したサイト
• frontporch.io-インタラクティブな背景と興味深いホバー効果を囲む
• paulineosmont.com-興味深いアニメーションの例のあるサイト
• http://www.habib-fadel.com-非標準の視覚効果を持つサイト
• huskditkryds.dk-概念設計を備えたインタラクティブなサイト
• boscoalto.com-スライドページ間の移行がクールなサイト
• scarlet.macaw.co-かわいい3Dアニメーション
• spotify - tasterewind.com-同形効果

設計

• 8つの一般的な設計ミス（およびそれらを回避する方法）
• マテリアルデザインとリファレンスアプリケーションの例の検索
• Kill Comic Sans：23のシンプルなデザインゲーム
• Photoshop CC 2015には、インターフェイス設計のモードが導入されています
• インターコム副社長：インターネット業界全体がカードインターフェイスに切り替えます
• フォントマンがQuoraロゴの再設計プロセスについて語る
• 悪いUXはいつ有効になりますか？
• デザイナー向けゲーム
• インターフェイスの最適なアニメーション時間はどれくらいですか？ （アニメーションインターフェースの最適な持続時間は？）
• Photoshopで高度なアニメーションを作成 （Photoshopで高度なアニメーションを作成 ）
• タイポグラフィは言葉以上に語る
• 7つのUXエキスパートが最も厄介なユーザビリティの間違いを共有（7 UXpertsは最も厄介なユーザビリティの間違いを共有）
• UIデザインで可能なことと不可能なこと-Appleから （UI Design Dos and Dont's）
• UXを忘れてください。 コンバージョン中心のデザインに焦点を当てる方法（UXを忘れてください。コンバージョン中心のデザインに焦点を当てる方法）
• フォームテキストデザイントレンド（フォーム入力デザイントレンド）
• NASAスタイルガイド
• Googleはイスラム教徒向けのマテリアルデザインウェブサイトを立ち上げました）
• ミーアキャットのデザインについて （内部デザイン：ミーアキャット）
• 設計モーメントを作成するプロセス （設計モーメント）
• Apple Watchの設計に関する 11のヒント（Apple Watch向けアプリの設計に関する11のヒント）
• 今後の7つのWebデザインのトレンド
• 幾何学的設計：結び目と波 （幾何学的設計：結び目と織り）
• Pixels Huhのシーンに没頭する （ Pixels Huhのシーンに没頭する）
• アプリケーションのプロトタイプ作成：Facebook Origamiの開始（App Prototyping：Getting Started with Facebook Origami）
• Pixatチュートリアル：プルして更新するスクロール方向に基づくアニメーション
• Adobe Photoshopで詳細なイラストのシームレスパターンを作成する
• Photoshopレイヤーカンプによるプロトタイピング（ Photoshopレイヤーカンプによるプロトタイピング）
• Photoshop CC 2015の改善（Photoshop CC 2015の改善）
• Photoshopのエクスポートオプションの紹介Photoshop のエクスポート機能の新しいオプションの紹介
• Photoshop CC 2015はSketchをコピーしていますが、それは良いことです）
• データを使用した設計
• Adobe IllustratorでチームAwesome Mascotをベクター化する方法
• 文字「M」を設計する77の方法
• Muokkaaによるボリュームタイポグラフィ（Muokkaaによる次元タイポグラフィ）

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

• Adobe Illustrator用ブラシ付きセット（27+セットの無料Adobe Illustratorスプラッタブラシとベクター）
• 印刷効果のあるテクスチャ （10個の無料ハーフトーン＆不良テクスチャパック）
• インスピレーションのための 20以上のシームレステクスチャ （ インスピレーションのための 20以上の無料のシームレスな背景テクスチャ）
• オンラインストアのアイコン （景品：40のeコマースベクトルアイコン）
• Six Logo Badges（6 つのロゴバッジの景品）
• オンラインストアのアイコン（Eコマースのアイコン（景品））
• AI、CSH、PNG、PSD、スケッチ、SVG形式のアダプティブスポーツアイコン （景品：レスポンシブスポーツアイコンセット（40×4アイコン、AI、CSH、PNG、PSD、スケッチ、SVG））
• ソーシャルメディアのアイコンを含む12個以上の手動選択パッケージ （14個の手摘み、無料のソーシャルアイコンパック）
• ウェブサイトアイコンセット（FREEBIE：36 Free Website Icons）
• ダウンロードする素晴らしい幾何学的フォント（ダウンロードする20の豪華な無料の幾何学的フォント）
• シュミ-装飾的なサンセリフフォント （シュミフリーフォント）
• Phage-Sans Serifフォント （Phage-フリーフォント）

ニュース

• GoogleがモバイルSERPの結果でラベルの読み込みが遅いことをテスト
• Skype for Webベータ版は誰でも利用可能
• AlibabaはNetflixを開始します
• YouTubeが目撃者の動画を宣伝するためにYouTubeチャンネルNewswireを開始
• Stephen Elopと他の多くのトップマネージャーがマイクロソフトを辞任
• Google、Mozilla、Microsoftは新しいインターネットに取り組んでおり、サイトは20倍高速に動作します（WebAssembly）
• MicrosoftはWindows 10を無料で入手する新しい方法を提案しました
• Amazonドローンは1年以内に出荷を開始
• Financial Timesによると、Arkady VolozhはヨーロッパのIT起業家のランキングで4位になりました。
• Redditはすべてのトラフィックを暗号化します
• Yandexはサードパーティの投資家を惹きつけ、トルコでのプロジェクトを開発します

おもしろい

• 木からオブジェクトを印刷するように教えられた3Dプリンター
• 7 AppleファンがApple Watchを放棄
• 指数関数的に50年：ムーアのトランジスタ革命
• Mac OSとWindowsのキーボードショートカットが異なる理由
• スティーブ・ジョブズが嫌な奴だった理由と若いCEOがそれをコピーする必要がない理由-元Apple従業員の告白
• トランジスタとマイクロプロセッサの寿命から見た8つの驚くべき数字
• Electronic Entertainment Expo 2015の結果：ゲーマーの楽園

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

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