レスポンシブ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 Apps」、小規模企業向けの無料版を廃止
Googleは、生産性向上アプリスイート「Google Apps」について、小規模企業による新規の利用に対して課金を開始する予定だ。Googleは、これまで無料提供してきた同サービスを新たな収入源として活用する。 従業員数10人以下の企業は今後、Google Appsの利用を新規に開始するにあたり、大企業向けの有料版と同額の年額50ドルが課金される。ウェブベースのGoogle Appsには、電子メール、文書作成、スプレッドシート、プレゼンテーション用ツールなどが含まれている。無料版を既に使っている企業は、今回の変更の影響を受けない。 ウェブ大手のGoogleは米国時間12月6日付けのブログ投稿で、今回の動きにより、企業ユーザーのエクスペリエンスの品質向上に注力することが可能になると説明している。 Google Apps担当プロダクト管理ディレクターを務めるClay Bavor氏は、同投稿で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
