最近はChromeしか使っていなかったのだがFirefoxも楽しいかも。 DevTools Challengerは、FirefoxのDevToolsについて学べるインタラクティブコンテンツだ。 深海を潜っていく過程でいろいろな技を学べる、という設定だが、説明もわかりやすいし、動画もついているので迷うことはないだろう。 いろいろ試していくうちに「お、こんなこともできたのか!」という発見があるはずだ。逆にChrome版も欲しいな…と思ったり。
![FirefoxのDevToolsについて学べるインタラクティブコンテンツ『DevTools Challenger』 | 100SHIKI](https://cdn-ak-scissors.b.st-hatena.com/image/square/746c8a6223fc6929157d18bda2b051e777cda1ce/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F201511%2F04_logo.gif)
ここ最近いくつかのサイトを見ていて、アレ?妙に重くない?とDevTools等を見てみたらいろいろな問題点を見つけました。 例えばベースページが重いというのもあるのですが、単純にリソースが大きすぎる、ヘッダがおかしい等少しの工夫で閲覧をする人たちは快適になるだろうというのを思いました。 正直なところ今回記述する内容はいろんなサイトや書籍では触れられてはいるのですが、サイトを見回って共通で考慮が漏れていて、余りサイトに変更を加えずに効果がでそうなのを纏めてみました。 そのページを見るのにどれだけのダウンロードが必要ですか? 最近はPC環境もモバイル環境もより強力になり、リッチなコンテンツをストレスなく見ることが可能になりました。 マシンスペックやブラウザの高速化等いろいろありますが、ラストワンマイルのNW帯域が改善したのが大きいと個人的には感じています。 しかし、それに甘えて不必要なリソースを
As the complexity of the web apps you build keeps moving, so do the Chrome DevTools. In DevTools State of the Union, Addy will give you the latest update on your favourite companion; exploring new features like paint profiling, animation inspection and updates to the JavaScript editing workflow with V8. * Note: these are annotated slides aimed at making it easy to read and follow along with what I
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く