レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
まだGoogle Chrome使ってる人いんの？ : 暇人＼(^o^)／速報
まだGoogle Chrome使ってる人いんの？ Tweet 1：以下、名無しにかわりましてVIPがお送りします：2012/05/01(火) 00:57:08.05 ID:+djfP59Y0 前スレ : Google大先生がGoogle大魔王になるけどお前らどうすんの？ 結局安全なの？ 5：以下、名無しにかわりましてVIPがお送りします：2012/05/01(火) 00:58:05.29 ID:qxMHzlXM0 つかっとるよ 6：以下、名無しにかわりましてVIPがお送りします：2012/05/01(火) 00:58:05.68 ID:ztrDzsV70 毎日使ってるがなにもない 11：以下、名無しにかわりましてVIPがお送りします：2012/05/01(火) 00:58:57.59 ID:xuyUVmle0 プライバシーのなんたらってやつで騒いでたけど、結局お前ら検索エンジンGoogle
これはすごい！Chromeで最強のコマンド環境を構築する方法「gleeBox＋Quix」 - Chrome Life
皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方なくマウスで操作するしかありません。 そこで今回ご紹介するのは、Chromeをコマンドで操作できるようにしてくれるキーボード派のためのエクステンション「gleeBox」です。 「gleeBox」は、Chrome上に入力ボックスでコマンドを打ち込むだけで様々な操作が可能になるエクステンションです。 何がそんなにスゴイかというと、ほとんどマウスを使わなくても操作ができるように様々なコマンドが用意されて
触れる価値あり。Google Chromeをプログラミングエディタ化する·SourceKit MOONGIFT
SourceKitはGoogle Chrome内で動作するテキストエディタ。Dropbox APIを使っている。 SourceKitはGoogle Chrome向けのフリーウェア（ソースコードは公開されている）。なかなかWebアプリケーション化しないものの筆頭として考えられてきたのがテキストエディタだ。特にプログラマ向けのエディタになると手になじんでいるかどうかの問題が大きく、なかなか本格化しなかった。 まさにエディタ 確かにWebベースで開発するということに大きなメリットは感じられなかったのは確かだ。だがSourceKitを見たら、その考えが変わってしまいそうだ。 SourceKitはGoogle Chromeの機能拡張として提供される。左側にファイルツリー、右側に編集画面が表示される。開発者向きに各言語向けのハイライトに対応している。さらにテーマも幾つも用意されており自分好みの配色を選
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
「Google Chrome」の拡張機能--便利な機能の数々を紹介
「Google Chrome」は、拡張機能がなかったものの、リリース後1年で市場シェアを著しく伸ばした。そして今、Chromeに対して1番多く要望されていた同機能が、「Windows」版（ベータ版および開発版）とLinux版（ベータ版および開発版）に組み込まれた。この新ブラウザで使用できる拡張機能の中でも特に優れたものをいくつか見ていく時だ。 筆者が第1に挙げる拡張機能は、Chromeに対して2番目に多く要望されていた機能、RSSのサポートだ。「RSS Subscription Extension」を使うと、Chromeはページ上のRSSやAtomのフィードを自動的に検出できる。この機能は、ほかのどんなブラウザにでもあるのだから、デフォルトの機能でない理由はよく分からないが、今では少なくともそれを追加する方法ができた。 Googleのサービスに関連した拡張は多数あり、いずれも、確認すべき最
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews