* Your network is unstable. This number represents our estimate but actual network performance may vary * Could not reach our servers to perform the test. You may not be connected to the internet
Let Paul Irish and Sam Saccone show you new tips, tricks and features in DevTools (and beyond!) that help you debug the performance of your site. Measuring your key user interactions and diagnosing your bottlenecks is key, and Paul will illuminate the best practices by showing performance opportunities in real world sites. Watch more Chrome talks at I/O 2016 here: https://goo.gl/JoMLpB See all t
This article was created in partnership with LambdaTest. Thank you for supporting the partners who make SitePoint possible. This article was updated for the third time in April 2019 to reflect the cross-browser testing tools that have come and gone, and also to reflect the current browser usage statistics today. First off, what is cross-browser testing? Cross-browser testing is the formality of te
Chromebooks have a built-in screen reader called ChromeVox, which enables people with visual impairments to use the Chrome operating system. Turn screen reader on or off You can turn ChromeVox on or off from any page by pressing Ctrl + Alt + z. On tablets: Press and hold the Volume down + Volume up buttons for 5 seconds. While holding the buttons, you’ll hear a sound to indicate it’s working. Keep
Change or invert the color scheme to make webpages easier to read. High Contrast lets you browse the web with your choice of several high-contrast color filters designed to make it easier to read text. When you install this extension, all pages are "inverted", so black becomes white and white becomes black. Press the "browser action" icon in the toolbar to toggle it on and off, or customize your s
yukidarake.hateblo.jp の続きで、実際やってみたという話です。 雑なメモですがご容赦ください。 ESLint plugin作成 ここではeslint-plugin-fooとしておきましょうか。 package.jsonとindex.jsを作ります。 eslint-plugin-fooという文字列があれば、.eslintrc2.ymlを使うようにします。 ソース 'use strict'; var eslint = require('eslint'); var alternativeCLIEngine = new eslint.CLIEngine({ configFile: './.eslintrc2.yml', }); function preprocess(text, filename) { if (!/eslint-plugin-foo/.test(text)) {
tl;dr ESLintっぽいCSS用のLint PostCSSプラグインとして動作するので色々嬉しい SCSSもだいたい使える stylelint ESLintのようなconfigでPostCSSプラグインとして動くstylelint。 唐揚げチャーハンのような「美味いものと美味いもの組み合わせたら絶対おいしいじゃん!」みたいなプロダクトが実際とても良かったので色々利点を記載。 導入についての手順などはすでに記事があったので、そちらへリンクしたい CSSのLintをstylelintにする ESLintっぽくて良い所 javascriptのLinterとしてスタンダードになってきたESLintに非常に良く似て作られているので、一度そちらを導入していればstylelintの導入はおそらくすんなり出来る。 また、ESLintの持っていた良い所をそのまま持ってきたような良さがある。 confi
2016.05.17AbemaTVのランタイムパフォーマンスのAudit最近業務で、巷で話題のAbemaTVのパフォーマンス改善をしている。個別具体性が高いが調査改善の雰囲気を感じ取ってもらえればそれで良いかと思い、記事にした。 AbemaTVのフロントエンドの構成話の前提となるAbemaTVのフロントエンドの構成は次の通りで、まさに流行りのといった感じ。 facebook/reactfacebook/immutable-jsReactive-Extensions/RxJSreactjs/react-routercss-modules/css-modulesビルド周りはbabelとwebpack、あとはlintツールがちょこちょこ入ったりしている。この改善の話と関係してくるのは、ReactとImmutableJSとRxJSだけ。 番組再生画面のコメント開閉が重い今回ケーススタディとして挙げ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く