メディア | Web開発 | CSS | Javascript | ブラウザ | おもしろい
メディア
• ポッドキャスト「Web標準」、 問題番号83:ヘッドレスブラウザー、マルチスレッドJS、エッジノベルティ、ダウンロードの最適化、ショーツのショートカットfavicon、すべての取引のウェブマスター。
• Angular Five Minute Podcast #3:Meetups、CodeDojo MEAN、Angular 5 beta6、Cli bazel、PWA
• フロントエンドウィークエンドポッドキャストFW#17-HTMLアカデミー、オペラ、紛争、性差別についてのVadim Makeev
• React Five Minuteポッドキャスト#33:Kirill Mokevnin、Hexlet.io
• Devschachtポッドキャスト: Night Frontend#2
• Frontend Youth(18+)ポッドキャスト#17:職場でのアップグレード方法:新しいDevTools、Quantum CSS、Code Retreat、Headless Browserなど
• ポッドキャスト「Drinkcast」、 第6号:「ティムマリニンとおろし金のマウス」
• 「すべてのHTML」#13: 「Three.jsを使用した3DでのSVGのアニメーション化」
• HTML Shorts: 必要なファビコン 、 テキスト版
ウェブ開発
• 57行のコードで8,600万ドルのプロジェクトプロトタイプ
• ブロックの周りのリンク 。 ブロック要素をリンクでラップすることは可能ですか?
• モバイルブラウザとその毛皮のような足 。 モバイルブラウザでのサイトのデバッグについて
• クイックスタート:Node.jsでヘッドレスChromeを使い始める
• フロントエンドインフラストラクチャとチーム開発の組織 。 AdRoll開発者が経験を共有
• ブートストラップ4とFoundation 6.4の比較 。 部品番号1-グリッド
- AMP / PWA:
• Android OreoはPWAから一口
• はい、プロジェクトはPWAである必要があります
• Reactを使用したプログレッシブWebアプリの構築
• AngularでプログレッシブWebアプリを作成する
• iOS 11 SafariがGoogle AMPリンクを共有リンクに変える
- 性能:
• Vitaly Kharisovによる講演「10k」で、低速接続のライトバージョンの検索とコードを最適化する方法について説明し、10キロバイト以内を維持できるようにします。
• スピードを競う 。 スマートフォンの時代にウェブサイトの読み込みを高速化
• JavaScriptのパフォーマンスを改善するための20の実用的なヒント
• インターネットの状態。 Karolina Szczurによるパフォーマンス改善ガイド
• レイテンシが重要な理由:Webパフォーマンスの基本 。 フロントエンドセンターチャネルの接続速度に影響するニュアンスと要因
- アクセシビリティ:
• Web開発への組み込み:すべてのユーザーがコンテンツにアクセスできるようにする方法
• Webアプリケーションをプログラムでスケーリングする最良の方法
• アクセス可能なユーザーインターフェイスを作成する方法、パートI
- アニメーション:
• CSS / SVG / JS#51の美しいエフェクトの毎週の編集
• requestAnimationFrameによる超大国によるアニメーションの強化
• Vivify-アニメーション用の小さなCSSライブラリ
CSS
• 超高速CSSエンジンの内部:Quantum CSS(別名Stylo)
• 特定のCSSプロパティのサポートについてブラウザをチェックします
• CSSモジュールを使用して特異性の問題を解決する
• Bootstrap 4とSCSSの構造を中小規模のプロジェクトに統合する方法
• カスタムCSSプロパティを使用してスケルトンスクリーンを作成する
• cssgrid.cc -CSSグリッドを使用したレイアウトの構築に関するCoffeeCupの最も詳細なガイド
• CSSチェックボックスライブラリ
- フォント:
• Adobe Typekit:JavaScriptなしでフォントを接続できるようになりました(Google Fontsと同様) 。フォントはGoogle AMPに対応しています
• リトマスのWebフォントの詳細ガイド(+メールテンプレートのWebフォントについて)
• 可変フォントのカスタムインターフェイス
- CSSとJS:
• 純粋なCSSイメージがReactコンポーネントの理解にどのように役立ったか
• JavaScriptを使用したCSS変数へのアクセスと変更 (およびSASSの変数よりも優れている理由)
• CSS-in-JSを安全に使用する方法
Javascript
• 金曜日JS:reqyire.jsおよびOscale指向プログラミング
• マイクロソフトはTypeScript 2.5アップデートを発表しました
• JavaScriptの学習:遅くなる9つの大きな間違い
• BackboneJS:はじめに 。 BackboneJSでアプリケーションの作成をすばやく開始する方法。
• V8エンジンの公式JSブログ:V8高速機能
• フロントエンドに最適なJSフレームワーク
• 角度対 React vs. Vue:2017年の比較
• JavaScript-コールバックから非同期/待機まで
- VueJS:
• 反応性Vue.js。 Vue.jsフレームワークの応答性とVue.setメソッドの使用
• Angular 2からVue.jsに切り替えた理由(およびReactを選択しなかった理由)
• AngularからVue.jsへの移行
• AT-UI -Vue.js 2.0でデスクトップWebアプリケーションを作成するための中国語の新しいUI-Kit
• TypeScriptを使用して、Vue.jsでWebアプリケーションを開発します。 egghead.ioの無料コース
• Vue.jsの非同期-パート1
• スーパーマリオピクセルアートを使用したVue.jsの簡単な紹介
- 反応:
• semiotic -Reactのデータ視覚化フレームワーク(React&D3)
• RxJSを使用したアイテムのドラッグアンドドロップ
• 特許の問題による生態系移行計画の対応
- 角度:
• 角度4チートシート
• Angular Routerを使用したルーティングコンポーネントの概要
• AngularJS、Angular 2、Angular 4についてのすべて
• 7つのステップでの角度ルーターナビゲーションプロセス
• AngularJSに役立つ12のボイラープレート
• Angular 4と隣接するコンポーネントの相互作用
- ライブラリとプラグイン:
• イースターエッグコレクション -イースターエッグのセットを含むjsライブラリ
• Quokka-Atomエディター用のライブJavaScript Scratchpad
• lozad.jsは、Intersection Observer APIを使用した高度な生産性の高いレイジーローダーです。
• jest-in-case -1つのテストのバリエーションを作成するjestのユーティリティ
ブラウザ
• ChromeおよびFirefoxにインストールされているアドオンを識別することによる識別方法
• DevToolsの新機能(Chrome 62)
• Microsoft Edgeの新機能 :イベントリスナー、CSSオブジェクト適合/オブジェクト位置、位置:スティッキーなど
おもしろい
• 忘れるべき18のSEO神話
• SoundCloud破壊ストーリー:会社の内部関係者のストーリー
• フォントのインストール時にコンピューターに感染するWebブラウザーに対する別の攻撃
• YouTubeは新しいデザインとロゴを導入しました
• Google ARCore-Androidデバイス向けの新しい検索巨大拡張現実プラットフォーム、Project Tangoは過去のもの
• チャットで、Skypeはインタビュー用のコードエディターを導入しました
• MicrosoftとAmazonは、音声アシスタントのCortanaとAlexaと協力することに同意します
• MicrosoftとRed Hatは協力の拡大を発表しました
• 暗号通貨トレーダーのトニーワイス-ビットコイン、不良ICO、ブロックチェーンの過大評価の「バブル」について
• 億万長者の兄弟が安価なライバルSlackを作成する方法
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。