tagkazのブックマーク - はてなブックマーク

[CSS]わずか12個のclass名で多彩なグリッドを組み立てるCSSのフレームワーク -StackLayout

IE6をはじめ、iPhone, iPadにも対応した、可変レイアウトも固定レイアウトにも利用できる実用的で多彩なグリッドを組み立てるCSSのフレームワークを紹介します。 StackLayout デモページ：Basic Mockup [ad#ad-2] StackLayoutの主な特徴 StackLayoutの対応ブラウザ・デバイス StackLayoutで使用する12個のclass名 StackLayoutのデモ StackLayoutの使い方 StackLayoutの主な特徴わずか12個のclass名で、コンポーネントを管理 class名は、簡単にセマンティックなものに変更可能ネストの制限は無し floatのクリア無しで、エレメントを横列に簡単に並べることが可能デフォルトは可変レイアウト用で、固定レイアウトにも対応各カラムの溝の設定は簡単で、px, %の両方に対応 StackLa

tagkaz 2011/03/28

リンク

Gmailの機能を拡張して、もっと便利にする38のTips

Gmail: Google's approach to em ail TipsはWhite belt, Green belt, Blask belt, Gmail Masterの4つに分けられており、最後にそれ以外の便利な機能を紹介します。白帯クラス White belt 1. スターを使用スターは、重要なメールにつけると便利です。また、必ず返信する必要があるメールにつけるのもよいでしょう。 2. チャットで返信メールで返信する前に、相手がオンラインか確認し、チャットで返信するとよりリアルタイムに返信でき、時間を短縮することができます。 3. ラベルでメールを整理メッセージにラベルを設定し、メールを整理します。カラフルなラベルを使用するには、Labsの「ラベルの色をカスタマイズ」をオンにします。 Labs 4. 受信トレイは「移動」でお掃除受信トレイのメールは、「移動」を使って簡

tagkaz 2009/06/26

gmail

リンク

ユーザーフレンドリーな優れたナビゲーション集

Smashing Magazineのエントリー「50のユーザーフレンドリーで美しいナビゲーション集」から、有用的で優れたナビゲーションをいくつか紹介します。 50 Beautiful And User-Friendly Navigation Menus 有用性のポイントやその効果については「ウェブデザインにおける効果的なコミュニケーションの取り方」を参照ください。 CSSベースのナビゲーション

tagkaz 2009/02/06

webデザイン

リンク

[CSS]マージンとパディングの使い分けをおさらい | コリス

CSSnewbieのエントリーから、ボックスモデルのマージン(margin)とパディング(padding)の利用シーンにおける違いを紹介します。 When to Use Margins and Padding マージン(margin)を採用する場合パディング(padding)を採用する場合ブラウザによる問題マージン(margin)を採用する場合 borderの外側にスペースが必要な場合。スペースに背景色(画像)を適用したくない場合。上下に隣接したボックスにスペースを設ける場合、マージンの相殺を期待して、大きいサイズを有効にしたい場合。例：15px + 20px の場合、スペースは20px。 ※相殺されない場合もあります。パディング(padding)を採用する場合 borderの内側にスペースが必要な場合。スペースに背景色(画像)を適用したい場合。上下に隣接したボックスにス

tagkaz 2008/03/18

css

リンク

[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス

CSS Globeのエントリーから、スタイルシートのレイアウトで生じる問題を解決する８つの1行のスタイルシートの紹介です。 8 Premium One Line Css Tips 縦方向のセンタリング高さが固定されている場合、「line-height」を使用して、縦方向のセンタリングが実装できます。デモページ <textarea name="code" class="css" cols="60" rows="5"> line-height:24px; </textarea>