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

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

無料のクッキー

ニュース

おもしろい

ウェブ開発

• （非）安全なフロントエンド
• メディアクエリなしで、将来に向けたレスポンシブレターを作成します
• SEO最適化テクニック
• ミンスクでの4月のFrontend Dev Confのビデオレポート
• スタイルガイドのベストプラクティスに関するプレゼンテーション（スタイルガイドのベストプラクティスプレゼンテーション）
• tota11yは、 khanacademyからアクセシビリティを確認し、便利にデバッグするためのツールです
• ポッドキャストフロントエンド5：エピソード＃ 6-5分ですべてのフロントエンドニュース。 この号では：Sass Vary、JavaScriptの物理、モジュラーCSS（およびその問題）、ハッキング：訪問、およびSVGアニメーションの状態。
• ページ負荷の過給-Service Workerでページを高速化する方法に関するJake Archibald
• SVGの放射状グラデーションを塗りつぶしまたはストロークに適用する方法
• RaphaelでSVGを簡単にする
• Dawn of WebRTC （ WebRTCの夜明け）
• 自動入力でチェックアウト速度を高速化
• コードの迅速なデバッグ、スニペットの作成などのためのサイトの選択
• HTMLは「完全」ですか？ ブルース・ローソンを主張
• <details>タグについて
• HTML5の概要
• Gitで（ほぼ）すべてを元に戻す方法（ Gitで（ほぼ）すべてを元に戻す方法）
• Webコンポーネントの状態
• HTMLメールテンプレートを作成して学んだこと （HTMLメールテンプレートの作成とコーディングについて学んだこと）
• JavaScriptでのCSSブレークポイントのインポート （JavaScriptへのCSSブレークポイントのインポート）
• BackstopJS -DOMまたはCSSの問題のある要素についてレスポンシブサイトをテストする

CSS

• サイコロの例のフレックスボックス
• 「ピース」の作成。 CSSクリッピングパスを使用したインタラクティブデモを開発します 。 css-live.ruコミュニティによる 「In Pieces」 記事 の作成の翻訳
• CSSセレクターの将来の世代：レベル4
• Flexboxで応答性を改善-RWD Summitでのデモ、スライド、プレゼンテーション
• HTTP / 2と `@ import`の戻り値）
• ページスクロール効果
• 可能性を広げる：CSSブレンドモードを使用してアクセス （制限のプッシュ：CSSブレンドモードでアクセス）
• CSSの「content」プロパティを理解する
• Sass向けのシンプルなGulp'yワークフロー

Javascript

• ReactJSは非常に高速ですか？
• Meteor.jsを理解する
• JavaScriptイベント委任の仕組み
• JavaScriptの高階関数
• NativeScriptビュー
• インフォグラフィック：AngularJS vs. React （インフォグラフィック：AngularJS vs. React）
• ノンブロッキングJavaScriptクイックソートコードの書き方
• ES6で破壊がひどいアイデアである理由
• ES6の詳細：シンボル （ES6の詳細 ：シンボル）
• 次のJavaScriptにアプローチするための6つのステップ
• AngularJSのテスト：ブートストラップブロック、ルート、イベント、およびアニメーション（AngularJSテスト：ブートストラップブロック、ルート、イベント、およびアニメーション）
• trine -JSの関数型プログラミングの可能性を最大限に活用することを目的としたユーティリティライブラリ
• Awesompleteを使用したオートコンプリート機能を備えたJavaScriptウィジェットの作成 （ Awesompleteを使用したJavaScript Autocompeleteウィジェットの構築）
• regexp-escape-正規表現で使用するエスケープ文字列
• LoopBackを使用してみましょう：夢見ていたAPIフレームワークを見てみましょう（LoopBackをやってみましょう：夢見てきたNode APIフレームワークのチュートリアル）
• PhotoshopでJSを使用する方法を学ぶ（JavaScriptを学び、Photoshopゲームをアップする）
• JSXHint-JSXバリデーター （React JSXリンターオンライン）
• Node.jsで火災の洗礼を生き延びた方法（Node.jsで火災の洗礼を生き延びた方法）
• 使用していない可能性がある新しいio.js機能（ 使用していない可能性がある新しいio.js機能）
• インクジェット -ブラウザおよびnode.jsのJIFデコード、エンコード、およびEXIFデータの読み取り

ブラウザ

• コンピューター、Android、Windows Phone向けの新しいOpera
• OS XおよびiOS用の新しいSafari 9
• Googleは重いサイトを軽量化し、スマートフォンですぐにダウンロードするには多すぎます
• Google Chrome for Work
• Windows 10の一部のエディションはMicrosoft Edgeを取得しません
• なぜエッジなのか？ （なぜエッジ？）

設計

• フードデザインダイジェスト、2015年5月
• 文字列のインターフェイス
• ポールランドロゴ7段階テスト
• 設計階層
• 変換を減らす10個のユーザビリティエラー
• Webデザインの空間テーマ
• InstagramがWebバージョンの再設計を開始
• ブランディングのフラットカラー
• スクリーンショットで比較したiOS 8のHelvetica NeueとiOS 9のSan Francisco
• アニメーションの設計に関する実用的なテクニック
• 低コントラストのテキストについては答えではありません
• Webデザインが死んだ理由
• レスポンシブデザインが子供に優しい理由
• Appleが世界で最も人気のあるフォントを獲得した理由
• Webサイトで回避する12の一般的な画像フォーマットの間違い（Webサイトで回避する12の一般的な画像フォーマットの間違い）
• スケーラブルなデザイン、ビューポートエンジン、およびWebデザインの未来
• Web Accessibility Travel
• SVGパターンをエクスポートする方法
• Webストーリーテリングテクニック（ Webでの視覚的なストーリーテリングテクニックと例）
• Webデザインのモーダルウィンドウポップアップのクールな例
• Eventbriteが新規ユーザーをオンボードする方法
• Photoshop CS CC 2015：アートボード （スニークピーク：Photoshop CCのアートボード）
• 「他に誰が部屋にいるのか」と尋ねて、インターフェイスのより良いテキストを書きます（「誰が部屋にいますか？」と尋ねて、より良いユーザーインターフェイスを書きます）
• アトミック：インタラクティブなデザインをすばやく作成する方法？ （アトミック：美しいインタラクションを設計するより速い方法？）
• Apple Design Awards 2015
• 効果的なロゴデザイン、パート2：ロゴトープデザインでの自然なパターンの使用（効果的なロゴデザイン、パート2：ロゴデザインでの自然のパターンの使用）
• Webデザイントレンド：手書きタイポグラフィ （Webデザイントレンドショーケース：手描きタイポグラフィ）

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

• 景品：レスポンシブスポーツアイコンセット（40×4アイコン、AI、CSH、PNG、PSD、スケッチ、SVG）
• Sketch用UIキット （SketchアプリおよびWebサイトデザイナー向けの無料UIキット）
• Apple iPadでデザインをデモンストレーションするためのモックアップ（55以上の最高のApple iPadモックアップテンプレート）
• PSD形式のメディアプレーヤーを含むUIキット （45+オーディオ＆ビデオプレーヤーUI PSD）
• 新鮮なグラフィックを備えたエレガントなベクターセット （60個のワークスペース要素を備えた無料のエレガントなベクターキット）
• 世界のベクターマップ （無料ベクター世界地図）
• Foundry∞-インタラクティブなWebに対応した新世代のベクターグラフィックス
• 動物の顔のベクトルの幾何学的画像 （景品：動物の幾何学的形状）
• スペースアイコンセット （景品：スペースアイコンセット（50アイコン、SVG＆PNG））
• Smashicons-ベクトルのアイコン
• 長い影のあるアイコンのセット（デザイナー向けの40以上の無料の長い影のアイコンセット）
• Ten Absolute Best Free Icon Webfonts
• 2015年のベストフォント（2015年の素晴らしいデザインに最適な40以上のフリーフォント）
• 15種類のベストフォント （15種類のフリーフォント）
• 書体を注文 -装飾フォント
• Typnic Titling-セリフ手書きフォント

ニュース

• WWDC 2015：
  
  • 初日。 基調講演 、 2日目。 詳細 、 3日目。 おもしろい
  • WWDCビデオがAppleの公式Webサイトで利用可能になりました
  • AppleがWWDCで明らかにしたこと：新しいOS X、iOS 9、音楽サービス、オープンソースSwift
  • WWDC 2015：ロシアの開発者やAppleが提出したアップデートに関する専門家の意見
  • Apple WWDC 2015の最新ニュースの概要：OS X El Capitan、iOS 9、Apple Music
  • Apple Worldwide Developers Conferenceの主要な発表
  • 崩壊と絶望：AppleがWWDC 2015で示したもの
  
  
• TMはマイサークルを再起動します
• デスクトップ用に発表されたSkype Translatorの予備バージョン
• Facebook Connectは、一部のMicrosoftアプリケーションおよびサービスでは使用できなくなりました。
• MicrosoftはSkypeの最新バージョンを放棄します
• YouTubeは、Twitchのゲームストリーミングと競合するYouTube Gamingの開始を発表しました
• Oculusは、Oculus Rift VRヘルメットの商用バージョンを発表します
• Twitterはプライベートメッセージの140文字の制限を削除します
• Windows 10 Mobileは9月まで延期されます

おもしろい

• YouTube 10年
• ゲームアナリストのセルゲイガレンキン：「スチームはもはやゲーム開発者にとって万能薬ではありません」
• ビデオ：DARPA Robotics Challenge 2015でのRobotfall
• Googleがアイリススキャナー付きコンタクトレンズの特許を取得
• Linkin Park Ventures：ロックバンドがITに投資し始めた理由と、それがどのように彼女が音楽に役立つのか
• ハイテクストーリー ：最初のスーパーコンピューターの秘密
• 電報ビジネスモデルとメッセンジャーコストに関するPavel Durov
• Payoneerの調査：ロシア語圏のフリーランサーはいくら稼いでいますか

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

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