Web開発とITの世界からの興味深い資料のダイジェスト、先週第205号（2016年3月28日-4月3日）

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

ウェブ開発

CSS

Javascript

ブラウザ

設計

ニュース

おもしろい

ウェブ開発

• フロントエンドのタスクの評価
• NPM Starter Pack Managerの概要
• フロントエンド開発者：善、悪、悪。 パート1：良い方法
• ニュース：
  
  • NPMは24時間以上経過したオープンソースモジュールを許可なく撤回することを禁じています
  • GoogleがVRビューを導入：サイトやアプリケーションに挿入される新しいタイプの埋め込みコンテンツ
  • Apple、Safari Technology Previewを発表
  
  
• Webパフォーマンス：
  
  • モバイルLenta.ruを光の速度まで加速した方法
  • Accelerated Mobile Pagesを公開するときによくある間違いを避ける方法
  • 60秒で AMP（ 60秒で AMP）
  • AMPの舞台裏AMPの新しいVery Large Mobile Page Acceleratorの舞台裏
  • AMPはサイトを本当にスピードアップしますか？ （AMPはWebサイトを本当に高速化しますか？）
  • リソースのヒント-プリロード、プリフェッチ、プリコネクトとは何ですか？
  • RAFP： requestAnimationFrameによるパフォーマンス測定の提案）
  
  
• ポッドキャスト：
  
  • Web標準：問題9 Npmゲート、新しいIE、npmの問題、オープンソース、PostCSSなど、招待ゲストAndrei Sitnik
  • RadioJS：問題38：非公開非公開!! 。 左パッドモジュール、新世代の単体テストフレームワーク、WebAssemblyおよびその他のニュースを使用した不快な状況の議論
  • フロントフリップポッドキャスト問題16 。 Leaflet.js、ブラウザでマップし、人気のあるオープンソースを維持します。 ウラジミール・アガフォンキン
  • 2016年のWeb開発者向けのベスト英語ポッドキャスト
  
  
• MathMLは失敗したWeb標準です
• Addy Osmaniからの別のダイジェスト、問題3 ：端末のヒントとテクニック、DevTools + Service Workerの更新、Add-to-Homescreenエミュレーション、Google Compute Engine、Web Push
• フロントエンドスタイルガイド：定義、要件、コンポーネントチェックリスト
• アクセシビリティの失敗：18のカテゴリにグループ化されたアクセシビリティの問題を示す109のケーススタディ
• Bootstrap 4とFoundation 6.2の比較（現状 ：Bootstrap 4とFoundation 6.2）
• 生活を楽にするブラケット拡張
• CSS＆JavaScriptでマルチレイヤーの視差図を作成する方法
• 壮大なウェブ：
  
  • CSS / SVG / JS＃31の美しいエフェクトの毎週の編集
  • パーティクル 3Dレター（WebGL） （GLSL PARTICLE FONT）
  • 壮大な実験のコレクション
  
  

CSS

• CSSアニメーションのヒント、ライブラリなど
• Serg GospodaretsのネイティブCSS変数の詳細な概要 （CSSカスタムプロパティ（ネイティブ変数）詳細）
• カスタムCSSプロパティ（R、G、B）を使用して色を生成する
• Web Font Drama March 2016 （Webfont Drama-March 2016 Edition）
• Webタイポグラフィは完全に壊れていますか？ （Webタイポグラフィは完全に壊れていますか？）
• cloud.gov：複数のサイトで視覚スタイルを共有する方法（複数のサイトで視覚スタイルを共有する方法）
• レイアウト：
  
  • GridまたはFlexboxを使用する必要がありますか？ （GridまたはFlexboxを使用する必要がありますか？）
  • HTMLグリッドからCSSグリッドへの移行（HTMLグリッドシステムからCSSグリッドシステムへの移行）
  • グリッドの完全ガイド
  • CSSグリッド （ CSSグリッドを使用した聖杯レイアウト）を使用した聖杯（ヘッダー、フッター、メインコンテンツ、2つのサイドバー）のレイアウト
  • Eric A. Meyer：やっとCSSレイアウトの準備ができましたか？ （実際のCSSレイアウトはついにここに来ましたか？）
  
  
• PostCSS：
  
  • 便利なPostCSSプラグインの選択
  • 重要なCSSにPostCSSで注釈を付ける （（重要な）CSSに注釈を付ける ）
  • GulpでPostCSSを使用する方法 （GulpでPostCSSを使用する方法）
  
  
• CSS回帰テストの自動化
• cssnextを使用した明日のCSS構文
• SVGアイコンの使用方法（ SVGアイコンの使用方法）
• Web開発者向けUIポーランド語チェックリスト（Web開発者向けポーランド語チェックリスト）

Javascript

• ES2016の新しい言語機能：べき乗演算子（**）
• ES2015を学ぼう（ES2015を学ぼう）
• MECHスタック-JSフレームワークの疲労問題の解決（JavaScriptフレームワークの疲労の解決）
• フレームワーク
  
  • Meteor 1.3リリース-ES2015モジュール、アプリのテスト、モバイルの改善など
  • React vs Angular2：戦いが激化
  • 反応：
    
    • React-基本的な理論的概念
    • Redux css-tricks.comでのReactシリーズのレベルアップの終わり
    • reactstrap -React Bootstrap 4コンポーネントの簡単な使用
    • AirbnbがReactを使用する方法
    • Reactでの外部データの読み込みと使用
    • React Storybookの紹介 。 これにより、隔離された環境でアプリケーションの外部にUIコンポーネントを開発できます
    • Reactの利点 （ Reactのエレベーターピッチ）
    
    
  • 角度：
    
    • Angular 2の開発 。 Eat Sleep Codeポッドキャストの最新リリース（Angular 2とBrad Greenのエンジニアリング）
    • AngularJSスタイルガイドの概要
    • AngularJSで見事なグラフを作成する
    
    
  
  
• カスタムスクリプトを使用してJavaScriptをサイトに適用する（JavaScriptの適用：ユーザースクリプト）
• 対話型Babel JSコンパイラの依存マップ
• webpack 2の新機能
• JavaScriptをマスターするための7つのナンセンスなヒント
• npmリポジトリで非公開機能を使用するためのルールの変更 （npmの非公開ポリシーへの変更）
• 機能的なJavaScriptでMapとReduceを使用する
• JavaScript丸めレシピ
• クロージャー、モンキーパッチ、プロトタイプ、プロキシ、および「ミドルウェア」を使用したJavaScriptデコレーターパターン（クロージャー、モンキーパッチ、プロトタイプ、プロキシ、および「ミドルウェア」を使用したJavaScriptのデコレーターパターン）
• エリックエリオットJavaScriptレッスン ：「純粋関数とは」という質問に答える方法 （JavaScriptインタビューをマスターする：純粋関数とは？）
• 素晴らしい標準JavaScriptライブラリがあったらどうでしょうか？ （JavaScriptに優れた標準ライブラリがあった場合はどうなりますか？）
• JavaScriptの文字列で最も長い単語を見つける3つの方法
• the-super-tiny-compilerはおそらく最小のコンパイラです
• Expounder-最初に隠された説明を含むドロップダウン略語を使用するためのライブラリ
• cwait-同時に実行されるプロミスの数を制限します

設計

• 使いやすさを向上させる15のステップ
• DPIおよびPPIのデザイナーガイド
• 微小相互作用：優れたアプリケーション設計の秘secret
• 5つのシンプルなUX製品設計原則
• iPad用の生理に優しいアプリケーションを作成する方法
• 私たちは怠け者のデザイナーになっていますか？ （私たちはデザイナーとして怠け者になっていますか？）
• The Times New SiteのUIの作成
• 2016年3月の主な設計動向 （必須設計動向、2016年3月）
• デザイナーとのインタビューがあるポータル （Ivan Venkov）
• 世界のアーティスト：スウェーデン （国際アーティスト特集：スウェーデン）
• テスト：色を理解していますか？ （クイズ：色を理解していますか？）
• 成功する製品設計の3つの基本コンポーネント （成功する製品設計の3つの「交渉不能」）
• クリエイティブブロックを通過するためのヒント
• Adobe IllustratorでRetro Tech Icon Packを作成する方法
• 感じていないときに創造的であること
• ショーツアプリのデザインの詳細（デザインの詳細の調査）
• アイコンはデザインの頭字語です （アイコンはデザインの頭字語です）
• スケッチで円グラフを作成する方法
• Photoshopのベストエイプリルフールのヒント （専門家が知りたくない上位10の超超最高のPhotoshopのヒント！）
• logoarchive-ロゴコレクション、ロゴデザインのフォームの言語の学習
• Johnston Sans：すべてを変えたTube書体）
• アンジェラ・サザンによる素晴らしいタイポグラフィ
• 4色カラーパ​​レットジェネレーター
• ビデオ形式の20個のSketchチップの選択
• ボヘミアンコーディングによるスケッチのタイポグラフィ

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

• 無料の科学テーマベクトル
• Adobe Illustratorの抽象的な波背景
• Big UI Slides Framework （スライドデザインリソース：巨大な無料UIキット）
• デザインとフォームをテーマにしたアイコンのセット （25デザイン＆シェイプアイコン）
• 「ミナ」 -2 つのスタイルの太字の手書きフォント （「ミナ」ブラシ書体（無料））
• KURBANISTIKA-キリル文字のフォント （KURBANISTIKAフリーフォント）
• 現在のフリーフォント
• OTFおよびTTF形式のジオメトリックフォントのコレクション （25+ベストフリージオメトリックフォント-OTF、TTFフォーマット）
• 無料のビンテージフォントとレトロフォント

ニュース

• マイクロソフト：
  
  • Microsoft Build 2016：会議のメインイベントの要約
  • Microsoft Build2016。このイベントについて知っておくべきことすべて。
  • Microsoftは、Skypeおよびその他のプラットフォーム用のテキスト、オーディオ、およびビデオボットを作成するためのツールを導入しました
  • マイクロソフトは、Windows 10でのLinuxサブシステムの統合に関する噂を確認しました
  • マイクロソフトは、Windows 10向けのアニバーサリーアップデートを発表しました。
  • Microsoft Build 2016：ボット、Cortana、HoloLensをあらゆる家庭に
  • マイクロソフトは、ユーザーにSurface Phoneの「チップ」を提供します
  • MicrosoftはEdgeブラウザの新しい拡張機能を発表し、組み込みの広告ブロッカーに関する噂を否定しました
  
  
• VKontakteは新しいデザインを提示します
• IBM初のシリコンブレインコマーシャルシステムを提供
• GoogleがAMPページカルーセルを開始するのはわずか12か国
• ファイバーデータ転送速度記録セット
• Appleは 4月1日に永遠のデータストレージを備えたMaCloudクラウドサービスを開始します
• Firefoxのいくつかの革新がリリースを待たずに紹介されます

おもしろい

• 2016年エイプリルフールの日
• Googleニュース： 4月1日、 段ボールプラスチックガジェットと 4月1日からのYouTube SnoopaVisionサービス
• 4月1日のブランドジョーク：PornhubのホームページでのGoogle新聞とトウモロコシの夕べ
• 回顧：4月1日にインターネット上で冗談を言う方法
• Googleよりも優れた6つの検索エンジン
• MITおよびリフレクション戦闘
• AIフェイク！ 番目の敗北の質問と結果
• タブレットは死んだ
• 2016年の医療技術の動向：クラウドデータ、ゲーミフィケーション、および医師向けアプリケーション
• 統計を見るべき理由についてシカゴ大学教授
• どのバーチャルリアリティメガネを選ぶべきか
• 私はIT遊牧民です。 そして私の人生は夢からほど遠い

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

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