先週の195（2016年1月18〜24日）のWeb開発とITの世界からの興味深い資料のダイジェスト

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• 今日はWebPを使用しています 。 今日のWebP画像の使用に関する記事翻訳ガイド：事例研究
• DevTips：Web開発者のヒント（33-48）
• 開発者の間違い 。 css-live.ruによって翻訳された開発者の誤りの記事
• UIのプログラミングが難しいのはなぜですか。 キリル・モケヴニン
• Nativefier -Webサイトをネイティブアプリケーションに変換するツール（コマンドラインから任意のWebサイトをネイティブアプリに変換）
• W3Cは HTMLを再びフォークします（W3CはHTMLを再びフォークします）
• Remy Sharp：ウェブでの作業が好きな理由
• FirefoxおよびWeb Speech API
• Node.jsとそのソリューションのグローバルな依存関係の問題 （グローバルノードパッケージの問題）
• ワークフローをウェブパックする
• ブートストラップ：介入 。 邪悪な火星人からのブートストラップの賛否両論
• Chrome（Canary）DevToolsは、ユーザータイミングの測定値をタイムラインに表示します
• Chromeはついに滑らかなスクロールの作り方を学びました-JavaScriptで自分で実装しようとするのをやめてください！
• ServiceWorkersとUpUpを使用したオフラインサイトの作成 （ ServiceWorkersとUpUpを使用したオフラインサイトの構築）
• 電子メールのプレビューテキストをサポートする完全なガイド （ 電子メールのプレビューテキストサポートの究極のガイド）
• WPGulpの紹介：使いやすいWordPress Gulp Boilerplate
• 日付入力の問題 （ 日付入力の問題 ）
• クライアントヒントを使用したレスポンシブイメージの改善 （ クライアントヒントを使用したリーナレスポンシブイメージ）
• SVG関連のコンテンツおよびデモへの新鮮なリンクの選択 （一部のPretty Splendid SVGリンク）
• リンク、ボタン、 およびDivについて （リンク、ボタン、送信、およびDiv、Oh Hell）
• Googleマップマーカーをカスタマイズする
• 遅延読み込み画像：ユーザーを本当に困らせない方法（遅延読み込み画像：ユーザーを本当に困らせない方法）
• Webセキュリティの現状（ Anselm Hannemannとのインタビュー） （Webセキュリティの現状）
• 壮大なウェブ：
  
  • CSS / SVG / JS＃21の美しいエフェクトの毎週の編集
  • SVGクリップパスホバー効果
  • アニメーションSVGギター （SVGアニメーションギター（Play Me！））
  • WebGL実験The Spirit
  • 純粋なCSSのアニメーションハスキー （Alex the CSS Husky）
  
  

CSS

• 実用的なCSSのヒント
• CSSベンダーprefixesを再考する時が来ました 。 Progressorの CSSでベンダープレフィックスを再考する時の翻訳
• 候補者候補ステータスの最初のレベル4 CSSモジュール
• CSSフォントフェイスの動作の制御
• グリッドレイアウトのグリッドは重要です。 css-live.ruコミュニティによって翻訳された必須の記事
• CSSモジュール-スタイルのスケーリングの問題を解決します 。 CSSモジュール-大規模翻訳でのCSSの課題を解決
• フレックスボックスはトリッキーだと思いますか？ 次に、CSS Grid Specificationの最新の例を見てください
• スタイラスキャッシュ機能の調査
• CSSコンセプトノート （CSS復習ノート）
• Webkit Flexboxパターン
• フレックスボックスサンドボックス （ フレックスボックス再生）
• Sass： メディア ディレクティブ
• Sassの@extendを介した継承の利点
• Edge（および他のブラウザー）でのCSSオブジェクトフィットフォールバックの巧妙なトリックEdge（および他のブラウザー）のCSSプロパティフィットのフォールバックを整理するトリック
• edXアプリケーションのスタイルガイド
• タイムラインは、カスタマイズ可能なCSSのみの垂直タイムラインです
• CSS Gradient Animator

Javascript

• Microsoftは、V8エンジンと共にNode.jsでのChakraCoreサポートの実装に関する更新のリクエストを送信しました
• 「簡略化されたJavaScript用語集」の翻訳
• 7つの重要なJavaScript機能
• jQuery 3.0の新機能と使用方法（jQuery 3.0の新機能と使用方法）
• JSを使用して約束を守る（JavaScriptで約束を守る）
• js開発者としてインタビューをマスターする：クラス継承とプロトタイプ継承の違いは何ですか？ （クラスとプロトタイプ継承の違いは何ですか？）
• Matthew Podwysocki：「Netflix、Microsoftおよび世界でのリアクティブJavaScript」 （Matthew Podwysocki：「Netflix、Microsoftおよび世界でのリアクティブJavaScript」）
• 5つのjQuery.each（）関数の例（ 5 jQuery.each（）関数の例）
• GraphQLの概要
• JS Webアプリは価値があると考えられています
• CMS.js-静的サイトジェネレーター（CMS.js-JavaScriptサイトジェネレーター）
• フレームワーク
  
  • Reactアプリケーション開発を学ぶための5つのステップ
  • 最初のReact.jsアプリを構築する（最初のReact.jsアプリを構築する ）
  • Reactの基本を学び、基本的なアプリケーションのプロトタイプを構築する
  • React / Reduxが最良のパラダイムではない理由（React / Reduxが劣ったパラダイムである理由）
  • 2016年にReact.jsを操作するためのベストプラクティス（ 2016年の React.jsベストプラクティス）
  • JavaScript開発者向けの動的なAngularJSガイド付きチュートリアル
  • 流星の状態：何かがうまくいかなかったとき （流星のパート1：間違ったこと）
  
  
• ES6：
  
  • ES6チートシート
  • ES2015でJSプログラミングを改善する 7つの方法（ES2015でJavaScriptプログラミングを改善できる7つの方法）
  • オブジェクト指向のJavaScript-ES6クラスの詳細
  
  
• プラグイン
  
  • Masonry v4およびimagesLoaded v4リリース：IE8および9、25％および50％のサポートの拒否、下位互換性
  • Umbrella JS-小さい（<2kb）jqueryスタイルのパフォーマンスライブラリ
  • JavaScriptカレンダーとスケジューラーの比較
  • 10個のベストjQueryおよびHTML5 WYSIWYGプラグイン （10個のベストjQueryおよびHTML5 WYSIWYGプラグイン）
  • Drop.js-ドロップダウンリストを作成するための高速で機能的なライブラリ
  • Philter-HTML属性を使用してCSSフィルターを適用します （Philterは、HTML属性を使用してCSSフィルターを制御する機能を提供するJSプラグインです）。
  
  

ブラウザ

• Chrome 48 Webブラウザリリース
• Google Chromeは新しいBrotliデータ圧縮アルゴリズムにより高速になります
• Facebookは、アプリケーションを離れる必要がない新しいブラウザをテストしています
• Firefoxは自動的に古いYoutube FlashコードをHTML5に変更します
• Mozillaプロジェクトは、Firefoxで署名されていないアドオンを操作する機能を拡張します
• Firefox 44はWebGLを別のスレッドで有効にします
• 元Mozillaの章とJavaScriptの作者がBraveを世界に紹介します
• 6 Microsoft Edge Web開発者の神話

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

• あなたがすることを愛することは仕事を取ります
• beoplayh8-面白いスクロール効果のあるヘッドフォン専用のプロモーションサイト
• colonelsanders.com -KFCの楽しいサイト
• 灰色の物語 -カスタムナビゲーションを備えた高度なインタラクティブサイト
• johos.at-豊富なビデオインサートを備えた明るいマルチメディアサイト
• gidmotion.com-興味深い背景効果のあるサイト
• 音声で見るサイト

設計

• アクセシビリティ：Yandexがアクセス可能なインターフェイスを作成する方法
• ロゴ作成時の10の一般的な誤解
• 無限スクロールを放棄する7つの理由
• 参照：9つのソーシャルネットワークの画像サイズ
• 子供向けのデザインは子供の遊びではありません
• 2016年に回避すべきWebデザインの最大の間違い （ 2016年に回避すべき最大のWebデザインの間違い）
• より表情豊かなプロフィール画像を作成する（より表情豊かなプロフィール画像の設計）
• UIアニメーション。 マイクロインタラクションとマクロ結果 （UIアニメーション。 マクロ結果のマイクロインタラクション）
• コーディングしないデザイナー向けのヒント
• UX対CX：どちらが重要ですか？ （UX vs CX：どちらが重要ですか？）
• Michael Flarupへのインタビュー：Robocatの共同設立者およびリードデザイナー（Michael Flarupへのインタビュー：Robocatの共同設立者およびリードデザイナー）
• 意味のあるモーション：インターフェイス設計におけるセマンティックアニメーション
• （未完成）色の基礎
• DNに質問：2016年に読むべき本は？ （DNに質問：2016年に読むべき本は？）
• より表現力豊かなプロファイル画像の設計
• Facebook Canvas
• 美しい理由
• 製品設計-複雑なタスクをシンプルにする方法
• ドライブ47-アプリケーションの概念
• 未承諾の再設計およびビルド不可のアプリのデザイナーへの公開書簡（未承諾の再設計およびビルド不可のアプリのデザイナーへの公開書簡）
• ディズニーはインターフェイスアニメーションについて何を知っていますか？ （とにかく、ディズニーはインターフェイスアニメーションについて何を知っていますか？）
• Scrawl-幾何学図形コンストラクター
• 幾何学的設計：天の都市図
• 家具からスクリーンまで
• 精度曲線：UIモックアップ作成のコストと利点を比較検討する方法
• 変更ビューを生成するためのスケッチプラグイン （git-sketch-plugin）
• Photoshopタイポグラフィチュートリアル（80種類のPhotoshopタイポグラフィチュートリアルの素晴らしいコレクション）
• なぜサンフランシスコ（フォント） （なぜサンフランシスコ）
• 面白いタイポグラフィ
• 2015年のパンダ
• 2015年のドリブル
• 間違いなくあなたを笑わせる50の Webデザイナージョーク

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

• 無料のビクトリア朝の壁紙テクスチャ
• 無料ベジタリアンテーマベクトル
• AI、PSD、SVG形式で設定されたアイコン（ 72アイコン無料ダウンロード）
• マテリアルデザインアイコン（350無料のマテリアルデザインアイコン）
• Swifticonsアイコンセット（AI、スケッチ）
• バレンタインデー用の14フォント （恋に落ちる14の無料バレンタインデーフォント）
• Ginebra-装飾的なセリフフォント （Ginebra Free Font）
• オードリーはエレガントなサンセリフフォントです （オードリーはCristina Pagnottaによる新しい無料のエレガントな書体です）

ニュース

• アルファベットは実験室Xを再編成し、ロボット部門を含む
• StatCounter：Windows 10はWindows 8.1をバイパスしました
• 急ぎの数：MicrosoftはLumiaとWindows 10 Mobileのラインを閉鎖します
• Blue Originは、すでに飛行中の準軌道ロケットを宇宙に打ち上げました。 そして再び彼女を植えました
• Bingは毎日検索アルゴリズムを更新します
• Skypeを介して、ユーザーのIPを計算することはできなくなります
• アリシャー・ウスマノフはUberの投資家の一人であることが判明
• GoogleはAppleにiPhoneに10億ドルを支払った
• メッセージ内の皮肉を認識するサービスを作成しました
• トランザクションの匿名性を確保するためにZcash暗号通貨が発表されました

おもしろい

• 子どもたちは、兄弟、姉妹、その他の親relativeの伝統的な家族の一員として、アップルの同じ家族の笑顔を見る
• 2016年にテクノロジーと通信に何が起こるか-デロイトの予測
• ISSで最初の「宇宙」の花が咲く
• 「ラリーペイジにとってHTML5の重要性をどのように説明しますか？」
• 2015年にGoogleによってブロックされた8種類の迷惑な広告
• インターネットが私たちの注意を払って何をするか：気を散らす習慣
• 席を持ってください 。 SpaceXのストーリーで結論に急ぐことができない理由
• あなたのコンピューターと電話があなたが彼らから何を望むかを理解する
• 2045年までに世界はどう変わるか

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

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