Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム
Google Chromeが、StatCounterの週間世界ブラウザシェア調査で初めてMicrosoftのInternet Explorerを抜き、トップに立った。 米GoogleのWebブラウザChromeが、アイルランドのアクセス解析サービス企業StatCounterによる5月14日~20日の週の世界ブラウザ市場調査で、米MicrosoftのInternet Explorer(IE)を抜いてトップに立った。週間の調査でChromeがトップに立つのはこれが初めてだ。 この週、Chromeのシェアは32.76%、IEは31.94%だった。3位のMozillaのFirefoxは25.47%、4位は米AppleのSafariで7.08%、5位のOperaは1.74%。 月間でのシェアでは5月22日現在、IEが32.42%、Chromeが32.29%とIEがわずかにChromeを上回っているが
私たち人間の体はとても複雑で神秘的な造りをしています。 医学が進歩しても、いまだに解明できていない病気も多くあります。 そんな不思議のベールにつつまれた人体ですが、最新のWebテクノロジーを使って医学・解剖学の分野で理解を深めるためのツールが登場してきています。 今回ご紹介するのは、HTML5とWebGLのウェブ標準技術を使った人体解剖図のChromeウェブアプリ「BIODIGITAL HUMAN」です。 「BIODIGITAL HUMAN」は、詳細な医療の説明と組み合わせて人間の構造を3Dで学ぶことができる教育ツールです。 Googleからも同じような3Dの人体解剖図ツール「Google Body Browser」がラボで登場しましたが、Google Mapの人体解剖図版といったレベルでしかありませんでした。 BIODIGITAL HUMANは、人体解剖図が見れるだけでなく、臓器1つ1つ
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
※本ページはアフィリエイトプログラムによる収益を得ています 初音ミクが歌うGoogle ChromeブラウザのCMソングが1月19日、iTunes Storeのチャートで1位になった。 iTunesのチャート livetune feat. 初音ミクによるCMソング「Tell Your World」(200円)は1月18日に配信が始まり、間もなく総合チャートでトップ10入り。翌19日には総合1位を獲得した。2位は斉藤和義の「やさしくなりたい」、3位はEXILEの「Rising Sun」だ。 livetune feat. 初音ミク「Tell Your World」 「Tell Your World」はYouTubeで公開されているChromeのプロモーション動画「Google Chrome: Hatsune Miku」で使われている。ミクを通じて創作活動が広まっていく様子を描き、ネットでは誰も
Google Chromeではじめる快適Tumblr生活 2011.05.06 Webサービス Chrome Google Tumblr Tumblrを快適に利用する環境といえば、FireFoxでGreasemonkeyスクリプト(Minibuffer、AutoPagerize、LDRize、ReblogCommand)が有名です。ニュースやコラムの抜粋、名言、ジョーク、話題の写真、ネタ画像、たまにエロ画像など、ダッシュボードに流れてくるさまざまな情報の洪水の中を「J」キー連打で潜っていき、「これは!」というものがあれば「P」キーでマーキングし、潜り終えたら「T」キーで一気にリブログ!この一連のショートカットができない環境ではめんどくさくてTumblrに潜る気になれない、そんな風に思っていたらところ、Google Chromeでも同等の環境が構築できるようになっている!とのことで早速試し
「Chrome Web Store」がいよいよ開店! そこで米Lifehackerでは、Chromeユーザさんなら、ぜひゲットしておきたいオススメアプリを、5つリストアップしてみました。 ■TweetDeck ツイッター、Facebook、Foursquare、Google Buzzを使っている人なら「TweetDeck」のようなソーシャルネットワーククライアントを既に利用していらっしゃるでしょう。「TweetDeck」の開発チームは、ゼロベースからChromeアプリを開発。インライン画像プレビューやドラッグアンドドロップによる整理など、素晴らしい機能を実装し、インターフェイスもスムーズです。 [無料インストールはこちら] ■Aviary 「Aviary」は「ウェブブラウザにあるPhotoshop」のようなもの。これまでならPhotoshopでやっていた、画像処理や色調整などの作業が、ウェ
Tweet はじめに だんだん僕の周りでもFirefoxからGoogle chromeにメインブラウザを変更する人が増えてきました。Twitterの人気も正に飛ぶ鳥を落とす勢いです。(Follow me @Sayobs) chromeの拡張を利用することでTwitterを今よりもっと便利に使う事ができます。今回はその便利なextensionのまとめを紹介します。 今回はchromeで使えるTwitterクライアントは除外しました。 Twitter Extender Twitter Extenderは公式のTwitter.comの機能を拡張したものです。 公式RTに加えて非公式RTそしてReply to Allなんかもできるようになります。 Twitter Plus Plus Twitter Plus PlusはTwitter.comの機能を拡張したもです。下記のスクリーンショット
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く