
メディア | 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が作成した資料。