
ウェブ開発 | CSS | Javascript | ブラウザ |
ウェブ開発
簡単なフィルタリングのためにオーディオブックデータベースをまとめる
- Web標準の第16版:バッテリー、グラフィックス、HEXアルファ、重要、テーブル、ポリファイル
- Service Workerの作成:例の解析
- VKontakteフロントエンド:アーキテクチャ? どんな建築?
Avito SPAミートアップ#2のビデオ
Google I / O 2016のWebおよびChromeセクションからのすべてのレポートのビデオ
ゼロからフロントエンドヒーローへ、パート1 (ゼロからフロントエンドヒーローへ、パート1 )
Web Animations APIの紹介
オートフィル:ウェブ開発者が知っておくべきこと、しかし知らないこと
ARIA、UIの問題と標準のある利用可能なタブ (ARIAタブ、UIの問題と標準)
15のサイト監視ツール
Native ContentEditableがひどいのはなぜか
生活スタイルガイドの作成例 ( 生活スタイルガイドの作成 :ケーススタディ)
Visual Center-画像の視覚的中心を見つけるツール
- パフォーマンス :
- Google、モバイルフレンドリーテストツールの新バージョンを発表
パフォーマンスを低下させる画像の効果の分析 (Web Image Effects Performance Showdown)
ブラウザのカロリー -ウェブサイトのパフォーマンス予算を測定するChrome拡張機能
コーチ: YSlowの最新の代替品
私たちのベストプラクティスはモバイルウェブのパフォーマンスを殺すことです
- AMP :
- 2016年のGoogle I / Oカンファレンスで、会社の代表者Richard GingrasはAMPプロジェクトに関する最新の統計とニュースを共有しました。AMP形式の配布は急速に成長しており、Googleはすでに65万のドメインから1億2500万を超えるAMPページのインデックスを作成しています。
- 料理サイトAMPがGoogleに表示されます
Googleでは、Google検索アナリティクスのレポートでAMPページへの訪問者を確認できます
- 壮大なウェブ :
CSS
- 訪れたリンクをデザインするという失われた技術 。 記事の翻訳訪れたリンクの失われた芸術
- 初心者向けの良いCSSプラクティスと悪いCSSプラクティス 。 初心者翻訳のための良い点と悪い点のCSSプラクティス
- 重要!重要:CSSの不変性の保証 。 重要の翻訳!重要:CSSでの不変性の強制
- BEMantics:繰り返しのない意味のあるスタイルを記述します 。 BEMantic:DRY Like You Mean It
- すべてまたは何もない 。 ジョナサンスヌークのAll or Nothing翻訳
- 同じクラスのチェーンを使用するニュアンス 。 自己連鎖クラス翻訳の微妙さ
- CSSマジック。 第1章ブロック
ブートストラップのリブート -CSSリセットの次の進化的ステップ
CSSコーディング手法
CSSのデバッグ
アイコンをテキストに配置するためのヒント
イーズアウト、イン; イーズイン、アウト
セレクターとメディアクエリを改善するためのPostCSSガイド
CSSプロパティ値の構文について
checkbox.css-チェックボックス用のCSS3アニメーションの小さなセット
CSSのobject-fitおよびobject-positionプロパティを使用)
CSSPurge -42の人気のあるサイトおよびフレームワークのCSS統計
Cutestrap -Sassに基づく最小限のCSSフレームワーク(ブートストラップのマイクロ代替)
JavaScriptのないフルスクリーンカルーセル ( JavaScriptのないカルーセル)
Javascript
公開されているnpmモジュールのサイズを縮小する
JavaScriptコードでブラウザーが行うこと:V8の例を使用したJSエンジンの最適化について
Javascriptアプリケーションのスケーラビリティの基盤
なぜ同型が必要なのですか?
- d3.jsでの地理データの視覚化
JQuery 3.0リリース候補リリース
画像の読み込みが遅れていますか? JSに依存しないでください! (画像の遅延読み込み?JavaScriptに依存しないでください!)
JavaScript抽選のハッキング
スパゲッティコードのもつれを解く:保守可能なJavaScriptの書き方
JavaScriptのプロトタイプ継承
Martin Fowler:ビデオストアのJavaScriptコードのリファクタリング
MozillaのPDF.Jsを使用したJavaScriptでのカスタムPDFレンダリング
- フレームワーク
反応と比較 Angular2:JSのヘビー級バトル (React対Angular2比較:JavaScriptタイトルのヘビー級バウト)
より高速なAngular 2プロジェクトにAngular CLIを使用する
アプリケーションをAngular 1.5以上にアップグレードしてください! (アプリをAngular 1.5コンポーネント以降にアップグレードしてください!)
Angular 2で感銘を受けたもの (Angular 2について私を興奮させるもの)
Webpack + Meteorをバックエンドとして使用する
構成可能なReactコンポーネント
Reduxの学習 -ReactおよびReduxのビデオチュートリアル
ユーザー認証を使用してReact + Fluxアプリを構築する
Google Maps Reactコンポーネントを書く方法
- ES6 :
ES6テンプレートリテラルの空白の処理
ES6のクラス-JS6の新しい「悪い」部分 (ES6の「クラス」は新しい「悪い」部分ですか?)
出力の最小化のためにES6コードを最適化する
ES6での学習の約束(ES6の学習:約束)
ES6用の6つの優雅なトリック (6つの気の利いたES6のトリック)
ES6ジェネレーターの隠れたパワー(ES6ジェネレーターの隠れたパワー:観測可能な非同期フロー制御)
lebab- ES5コードを読み取り可能なES6(砂糖構文)に変換します。Babelの場合とは逆になります。)
JavaScriptの文字列補間 。 カイルシンプソンは、ES6で文字列を収集することがいかに簡単かを示しています(JavaScript文字列補間)
Preview Microsoft EdgeのES2015、ES2016以降の ES6モジュールなど(ES2015、ES2016以降のES6モジュールなどのプレビュー)
- プラグイン
Push.js -JavaScript Notifications APIを使用したクロスブラウザー通知のソリューション
Timedropper -jQuery Timeプラグイン
nlp_compromise -JSで自然な英語を使用する
テキストを強調表示するjQueryプラグイン (10個のjQueryテキストハイライタープラグイン)
レスポンシブデータテーブルを作成するためのソリューションの選択
ブラウザ
- Firefoxは最初にMicrosoftブラウザーのパフォーマンスを上回りました
- Googleは2016年末までにChromeでのFlashスタートアップの完全な放棄を計画しています
- Chromeはナビゲーションにバックスペースキーの使用を停止します
- Operaがブラウザ推奨のニュースサービスを再開
- Firefoxはブックマークインターフェースを改善します
Microsoft EdgeのWeb通知
振り返ってみる:1年間のMicrosoft Edge
Flashは死んでいます(Chromeで)。今回は本当にそれを意味しています)
入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。
先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。