Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
ChromeはCSSで設定しないと禁則処理してくれない : 元・地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記
行末の「。」が先頭にきてしまうことがあるのはChromeだけだったのかな？ で、さすがに気になったので調べてみると、CSS表記で解決できることがわかった。 ちなみに、行頭に「。」が来るのを禁止することを禁則処理といいます。 修正前の状態 つまりはbodyにCSSで禁則の指定をしてあげる。 そのCSSは以下のとおり。 □ Chromeの行頭禁則がアレなのを解決 - たけみたの脱社会学日記 body { word-break: normal; word-wrap: break-word; } それぞれ解説すると。 「word-break」は改行をどう扱うかの設定。 それぞれ、以下のような指定ができる。 □ word-break−スタイルシートリファレンス normal 英語等は単語の途中では改行せず、単語の切れ目で改行されます。日本語・中国語・韓国語等は表示範囲に合わせて改行されます。このため
第102回 Bombermine、BLOKK font、Chrome Super Sync Sports | gihyo.jp
いま、見ておきたいウェブサイト 第102回Bombermine、BLOKK font、Chrome Super Sync Sports ゆっくりと寒さが緩み始め、春の到来を感じながらも、あのムズムズも同時に感じつつある今日このごろ、皆様いかがお過ごしでしょうか。今回も個人的に感じた、素晴らしいサイトの特徴をいくつかお話したいと思います。 "1000人"いっしょに遊びましょう Bombermine - Massively Bomberman Online with up to 1000 players on the single map 最大1000人が同時に対戦できるオンラインゲーム、『Bombermine』です。 図1 1000人が同時に遊べるオンラインゲーム、『Bombermine』 credit：MassiveMachine ウェブサイトで参加するサーバを選択後、名前を入力すると
BootstrapのUIがドラッグアンドドロップだけで組める！最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」 - Chrome Life
先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。 最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrapが必要不可欠な存在になりつつあります。 とはいっても、Bootstrapに慣れていない人が、実際にページを作っていくにはコンポーネントのタグ構造やClass名を意識して作らないといけないので、少し難しい部分もあります。 Bootstrapのサイトを見ればマークアップのサンプルがあるので、それを見ながら作れば良いのですが1つ1つ確認しながら行うのも手間です。 そこで今回ご紹介するのが、BootstrapのUIをドラッグアンドドロップだけで簡単に組めるエディタ「Jetstrap」です。 jetstrap - B
2011年に見つけた入れておくと便利なオススメChrome拡張機能ベスト10 | フリーソフトラボ.com
Chromeの拡張機能が本格的にリリースされるようになって、2011年いっぱいで早くも約2年が経過しました。世界のブラウザシェアでFirefoxを追い抜き、拡張機能の開発もますます盛んなChromeですが、主要なものは最初の1年のうちに出そろった感があり、最近は面白い拡張に出会うことも少なくなってきました。 今回はそんな中で、2011年の1年の間に新しくリリースされた拡張機能の中から、筆者が気に入った便利な拡張機能の個人的ベスト10をまとめて紹介。ブラウジングを効率化してくれるものや、Chromeのかゆいところに手が届くものなど、インストールしておくと何かと便利そうな拡張機能を中心に選んでみました。 Reeder for Chrome ウェブ版Googleリーダーの見た目をMacで超人気のGoogleリーダークライアント「Reeder for Mac」と全く同じにできる拡張機能。以前当サイ
ディレクターの日常業務で役立つGoogle Chromeのアドオン10個 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 皆さんは仕事中にどんなWebブラウザを利用していますか？ 私の周りは一昔前はFirefoxが多かったのですが、最近はGoogle Chromeをメインで使っている人が増えてきた気がします。 Webブラウザのシェアを調べてみると、10月時点で国内ではChromeが2位のFirefoxに迫る勢い (世界的にはすでにFirefoxを抜いて2位) ということで、今後のWeb開発においてはChromeの存在も無視できない存在になってきたのではないでしょうか。 ※参考: ChromeブラウザシェアがFirefoxを抜いて2位に！IEを抜いてシェアトップになるのは2012年5月中旬頃の予想 | Chrome Life 私自身も1年ほど前にメインで使うブラウザをFirefoxからChromeに変えました。以前はFirefoxほど便利なアドオン (機能拡張) がありませんでした
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
