TwitterBootstrap入門(３)基本レイアウト | 有限会社ワイバーン
３．基本レイアウト グリッド・システム Twitter Bootstrap が提供するレイアウトには、グリッド・システムが採用されています。 横幅 940px の領域を 12 カラムに分割して、最大 12 カラムで好きなカラム数の組合せでレイアウトします。 カラム数の合計が 12 にさえなっていれば、どんなカラム数の組合せも可能です。 カラムとカラムの間をあけること(オフセット)もできますし、カラム構造をネストさせることもできます。 ちなみに当サイトは、 ・トップページが、ページの最上部に 12 カラムで、その下に 4 カラムを３つというレイアウト ・今、ご覧になっているこのページは、8 カラムと 4 カラムというレイアウト ・オフセットとネストなし になっています。 グリッドレイアウトの実装 では実際に、このグリッドレイアウトを実装してみます。 ページの先頭に 12
TableKit - HTMLのテーブルで任意の列をソート（並び替え）
ウェブサイトの技術っておもしろいよね RDF Site Summary RSS 2.0 このブログは、ウェブサイトで使われる様々な技術や表現についてトモヒロが実際に作成したり 考えたりした事を綴るブログです。 仕事や趣味等についても綴っていきたいと思っています。 おすすめ 最近の記事 カテゴリ ウェブ技術の実践 【Javascript】 フォームの見栄えを良くする 軽量アコーディオンスライダー 【Javascript】[Ajax] 自動入力補完 データ処理中に画像を表示 【Javascript】[Ajax] [prototype] [jQuery] 郵便番号から住所の自動補完 【Javascript】[prototype] テーブルで列の並べ替え 【Javascript】[jQuery] アニメーションするテキストリンク 注目させたい部分を強調 【PHP】 キーワードクラウド 【CSS】
もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
Niceformでエレガントなフォーム生成:phpspot開発日誌
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例） <scrip
Highslide JS-サムネール画像を拡大表示するスマートなjavascript - WEBデザイン BLOG
サムネールをクリックすると同一ウィンドウ上に画像を表示するというjavascriptでLightbox JS・Lightbox が有名かと思います。以前からあまりスマートではないと思っていたら、スマートにしたタイプのHighslide JSが公開されていましたので紹介します。 Highslide JS-サムネールをクリックすると同一ウィンドウ上に画像を表示します。サムネイル画像をワンクリックで拡大画像表示、そして拡大画像をワンクリックでサムネイル画像に戻します。とってもスマートです。Lightbox JSよりも若干ストレスなく画像表示できます。 Highslide JS - JavaScript thumbnail viewer http://vikjavev.no/highslide/ IE 4.0・Netscape 4.79には対応していませんが、その他の最新ブラウザには対応しています
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://onehackoranother.com/projects/jquery/droppy/
http://www.designwalker.com/2009/03/form-design-2.html
マウスオーバーをデザインする | DesignWalker
LightBoxの使い方とカスタマイズ方法 | CSS Lecture
Lightbox - 画像をかっこよくオーバレイで表示するシンプルなJavascriptライブラリ - オープンソースコラム