Web開発およびITの世界からの興味深い資料のダイジェスト、先週第179号（2015年9月28日-10月4日）

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• 方法：html文字のレイアウトを作成するプロセス
• CSS / SVG / JS＃6の美しいエフェクトの毎週の編集
• HTML5ページの意味構造。 HTML5セマンティクス
• Web Animations APIガイド-パート5：快適な軌跡
• FLIF-無料のロスレス画像フォーマット（FLIF）
• Paul Irish＆Paul Lewis Introducing RAIL（Response、Animation、Idle、Load）： Introducing RAIL：A User-Centric Model for Performance
• コンテンツをHTML5のセクションに分割-div、セクション、または記事？
• ブートストラップ4チュートリアル：ワンページテンプレートの作成
• Fluxの手描きガイド （ Fluxの漫画ガイド）
• SVGとDOM、または「これまでに遭遇した最も奇妙なバグ」（SVGとDOM、または「これまでに遭遇した最も奇妙なバグ」）
• ビューポートの現状と新しいデバイス適応仕様 （新しいデバイス適応仕様） に関するPeter-Paul Kochの最近の記事
• IndexedDB、WebSQL、LocalStorage-DOMをブロックするものは何ですか？
• WebStormでのWebpackアプリケーションのデバッグ
• SVGの印象的なLavaLampデモを覚えていますか？ 作成方法に関する記事 （SVG溶岩ランプの作り方）
• Addy Osmaniが「Chrome DevToolsの新機能」について語ります
• 会議JSConfおよびCSSConf 2015のビデオのセレクション
• SmashingConf Freiburgからの7つの新鮮なビデオ

---

CSS

• BEM開発の19の原則、またはすべてのライブラリ開発者が知っておくべきこと
• マスターCSS：BEMおよびITCSS
• 美的サス。 パート1： アーキテクチャと構成 、パート2： 色とパレット 、パート3： タイポグラフィと垂直リズム
• localStorageとWOFF2を使用したフォントの読み込みの改善
• calc（）が必要な場合
• CSSフィールド塗りつぶしインジケーター
• BEMおよびブートストラップの問題に対するCSS方法論の実用化に関する注意
• PostCSSクイックスタートガイド：Gulpセットアップ
• 動的Webアプリ用の重要なCSSの埋め込み
• CSSから操作できるSVGプロパティのリスト
• 影付きの進行状況バー：CSS / Sassエクササイズ：CSS / Sassエクササイズ
• コーパス -各プロジェクト（SCSS）のCSSスニペットのコレクション
• SmashingConf Freiburgからのいくつかのビデオ： CSS開発者向けソフトウェアエンジニア向けCSS 、 Webフォントパフォーマンス
• Glen MaddernがCSSconf EU 2015と相互運用可能なCSSについて語る

---

Javascript

• JavaScriptとNginx = nginScript、および起動するHTTP2
• Matreshka.js： Matreshka.js 1.1：さらなるクールネス 、 イベント
• nginScript-なぜ独自のJavaScript実装を作成したのですか？ （nginScript-独自のJavaScript実装を作成する理由は？）
• ES6：
  
  • 完全にツールのヒント：ES2015 Google開発者がツールキットのヒントを共有
  • JavaScriptエフェクト2015（ES6）の開発
  • 2015年のAndroidのJavaScriptの状態は...貧弱です
  • ES6：メソッドとコールバック （ES6：メソッドとコールバック）
  • ESDocによるES6ドキュメント （ ESDocによるドキュメントES6）
  • ES6の詳細な約束
  • 既知のシンボルを使用してES6をカスタマイズする
  • ES6のテンプレート文字列の天才
  
  
• ESLint：新世代のJavaScriptバリデーター （ESLint：次世代のJavaScriptリンター）
• JSをより速く学習するための6つのコツ（JavaScriptをより速く学習するための6つのシンプルなマインドコツ）
• 2015年のプロフェッショナルJavaScriptの12のルール
• 「関数」のない関数 （「関数」のない関数）
• ビデオ：視聴：requestAnimationFrameを使用したパフォーマンス
• webpackに基づくModern Reactスターターパック
• Rendrの概要 （Rendrの概要）
• Framerとの3D Touchインタラクションのプロトタイピング
• プラグインとライブラリ：
  
  • clipboard.js-フラッシュなしで2 KBのみのバッファにコピーする最新の方法
  • clipboard.jsは、数日でどのようにして5,000の星を獲得しましたか？ （clipboard.jsは数日でどのようにして5000の星を獲得しましたか？）
  • Rune.jsは、SVGを使用してグラフィックシステム、オブジェクト、グリッド、タイポグラフィを作成するための便利なJSライブラリです。
  • JSCharting Libraryの使用（JavaScript Charting Libraryの使用）
  • JavaScriptでの3Dタッチの実装
  • Textarea内のテキストの強調表示
  • Popmotion -12 Kbの物理学のエミュレーションを備えたJSアニメーションエンジン
  • jQueryなし-NodeList.jsによるDOM操作 （jQuery Bloatを失う-NodeList.jsによるDOM操作）
  
  

---

ブラウザ

• トレインスポッティング：Firefox 41
• Firefox 42-betaおよびFirefox Developer Edition 43リリース
• Firefox 41では、開発者は個々のページ要素のスクリーンショットを撮ることができます

---

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

• BioWars-ほとんどすべてのページコンポーネントからにじみ出るCSSアニメーションでいっぱいのサイト
• アサシンクリード専用のオリジナル検索エンジンを備えたインタラクティブなサイト
• lezilus.fr-非標準のホバー効果と遷移を持つサイト
• designdisruptors.com/-簡潔で楽しいスクロールアニメーション
• フロントエンドインワンダーランド -視差デザインのクリエイティブページ
• 88and90lex.com-素敵な効果のあるスライドスクロールサイト
• homerhudson.com-非標準のアニメーション全画面ナビゲーション

---

設計

• 空間インターフェイス：設計で実際のオブジェクトの物理プロパティを使用する方法
• デザインにおける数字の心理学
• 世界地図デザイン
• それを視覚化します。 少し夢中になれば、世帯のマッピングはそれほど複雑で混乱するものではありません。
• チャンネル4は、新しいアイデンティティを実現するためにロゴを部分に「分割」しました
• グラフィックエディター：
  
  • スケッチプラグイン-要素、タイポグラフィ、カラーパレットを揃えるためのプラグインのライブラリ
  • デザイナー向け10個のスケッチチップ
  • Sketchでの作業を高速化する5つのヒント
  • 今日のリンク：PhotoshopユーザーのためのProduct Hunt
  • クイックヒント：破損したAdobe InDesignファイルを開く方法
  
  
• 再設計：
  
  • 新しいデザインのCodePen
  • 新しいCSSのトリックデザインが混合レビュー
  • Googleはユーザーアカウントのアバターを再設計しました
  • モバイルFacebookプロフィールの改善
  • Huffington Postは新しいクールなデザインを発表しました （Huffington Postは大胆な新しいデザインをデビュー）
  • スピン：アーサナのリブランディングストーリー （Circling Ourselfs：The Story Behind Asana's Rebrand）
  • 新しいOperaロゴは、AntiおよびDixonBaxiと共同で内部的に作成されました （Operaの新しいロゴは、AntiおよびDixonBaxiOnlineポータルを使用して社内で作成されました）
  
  
• タイポグラフィ：
  
  • 広告のパフォーマンスと比較した6フォント
  • UIの未来はテキストです
  • セリフフォントはボタンをクリックさせますか？ （セリフはあなたをタップさせますか？）
  • 2015年9月のTypewolfのお気に入りのサイトの背景にある文字体裁の詳細
  
  
• UI / UX：
  
  • IFTTTが新しいユーザーを引き付ける方法（IFによるIF IFが新しいユーザーをオンボードする方法）
  • デスクトップユーザーはハンバーガーアイコンの準備ができていますか？ （ユーザーはデスクトップハンバーガーアイコンの準備ができていますか？）
  • Webデザイナーは本当にUXを知る必要がありますか？ （Webデザイナーは本当にUXを知る必要がありますか？）
  • 変換するフォームの設計方法 （変換するフォームの設計方法）
  • ウェブサイト検索インターフェイスのデザインの30個の例
  • 目に見えないデザインについて学ぶ
  • これまでに作成された最も素晴らしいUI
  
  
• モバイル時代のWebとアプリのデザイン
• すべてのWebサイトは同じように見えますが、それで構いません
• 空き時間にプロジェクトを実行する方法：スクリーニングプロジェクトの例 （サイドプロジェクトの実行方法：スクリーニングのケーススタディ）
• ファーストフードデザイン
• キーボードビュッフェ （KeyboardSmörgåsbord）
• 折り紙：数分で素晴らしいプロトタイプを作成する方法（分）
• 汚れたドットでフラットなデザインをアニメーション化する方法 （ 汚れたドットでフラットなデザインを活気付ける方法）
• 紹介：米国の Webデザイン標準（紹介：米国のWebデザイン標準）
• BGストック -ストックHTML5バックグラウンドビデオストック
• Adobe Photohopで印刷するピクセルアートをエクスポートする方法
• Adobe Illustratorで牛乳とクッキーの詳細なイラスト （ Adobe Illustratorで牛乳とクッキーの詳細なガラスを作成）

---

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

• MOBIRISE WEBSITE BUILDER-非常にシンプルで無料のモバイルサイトビルダー。 （素晴らしいモバイルフレンドリーなWebサイトを作成します。コーディングは不要で、無料です。）
• 無料の家族補充クリップアート
• バロック|ベクトルイラストバロック
• Appleデバイスモックアップ （無料のAppleデバイスモックアップ ）
• iPhone 5、6、6 PlusのiOS 9 UIを使用したPSD （iPhone 5、6、6 Plusの iOS 9 Complete UI無料PSD）
• リボンベクトル画像 （ダウンロードする29モダンリボンベクトル景品）
• ハラールベクトルバッジ（ハラール食品無料ベクトルバッジ）
• チャートと図のベクター画像のコレクション （景品：ベクターグラフ＆チャートコレクション（AI、EPS、SVG、PSD＆PNG））
• 世界で最も有名な場所のアイコン（AI、EPS、PDF、PNG、PSD） （景品：世界のランドマークアイコン（AI、EPS、PDF、PNG、PSD））
• SEO専用アイコン （FREEBIE：36無料SEOアイコンセット）
• Davide Pacilio Birplyアイコンセット （Birply-Davide Pacilioによる無料アイコンセット）
• IconAlone：何百ものアウトラインアイコン （IconAlone：110行アイコン）
• Creative Bloqによる 1000個のOpenTypeフォント（ Creative Bloqによる 1000個の無料OpenTypeフォント）
• Relancer-アールデコフォント（Relancer //フリーディスプレイフォント）
• NOVU-sans-serifフォント （NOVU-Mフリーフォント）

---

ニュース

• 新しいNexus、Chromecast、Android 6.0 Marshmallow：公式に
• 広告ブロック拡張機能のAdblock開発者がプロ​​ジェクトを不明な購入者に販売しました
• Skypeデスクトップバージョンは同時音声翻訳をサポートしています
• テスラモデルX：ウィングドアとスーパーフィルター
• Twitterはメッセージ制限ごとに140文字をすぐに解除する可能性があります
• GoogleとMicrosoftが長引く特許争いを終わらせる
• GitHubは、すべてのリポジトリで大容量ファイルボールトを利用できることを発表しました
• ビデオアバターを紹介するFacebook
• ヤフーがWebアプリケーション用のオープンセキュリティスキャナーであるGryffinを発表

---

おもしろい

• 生産性を大幅に向上できる11のシンプルなライフハック
• スティーブン・ホーキングは、遊牧外国人が私たちを破壊できると信じています
• Microsoftでの4か月：申請と最初のインタビューから解雇まで
• Adobe Flashが獲得した公開書簡
• IT専制の宗教としてのWindows 10
• IgroMir 2015：
  
  • Igromir / Comic Con Russia 2015：コスプレとスタンドの労働者
  • 独自のすべて：Comic Con RussiaおよびIgroMir 2015
  • 最高のコスプレとゴージャスな女の子Igromira 2015とComic Con Russia
  • 人の川、コスプレの日、アザラシのゲーム-首都のst然としたゲストの目を通してイグロミール/コミックコン2015の最初の公開日
  
  
• iRingは現実のものになりますか？
• Logitechに関する10のあまり知られていない事実
• Rake Wi-Fi：ワイヤレスネットワークのセットアップ方法
• 9,200枚の高品質のApolloミッション写真をデジタル化してアップロード

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

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