CSS+JavaScript によるカラムレイアウト切り替え
公開テンプレート（Movable Type/Serene Bach/sb/ FC2ブログ/Seesaaブログ）でカラムレイアウトをリアルタイムに切り替えるカスタマイズです。ここでは公開テンプレートをサンプルに説明していますが、同様の構造であればどのようなテンプレートでも実現可能です。 とりあえず、どのような動作になるかをサンプルでお試しください（中央上部のプルダウンメニューで操作できます）。 以前、類似の記事でスタイルシート切替や3カラム可変と3カラム固定を切り替えるをエントリーしていますが、これらはいずれもスタイルシートを新たに追加する必要がありました。つまり「スタイルシートを切り替える」というカスタマイズでした。 今回のカスタマイズでは、スタイルシートの追加や切り替えなしにレイアウトを切り替えることができます。 その理由は、現在公開しているテンプレートでは1つのスタイルシートに 3カラ
CSSレイアウトの定石 WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
窓の杜 - 【NEWS】「Firefox」で“２ちゃんねる”のスレッド管理や更新チェック「Foxage2ch」
“２ちゃんねる”のお気に入りスレッドを管理したり、スレッドの更新をチェックできる「Firefox」用の拡張機能「Foxage2ch」v1.5aが、13日に公開された。「Firefox」に対応する寄付歓迎のフリーソフトで、編集部にてWindows XP上の「Firefox 日本語版」v1.5.0.3で動作確認した。現在、作者のホームページからダウンロードできる。 「Foxage2ch」は、「Firefox」のサイドバーで“２ちゃんねる”のお気に入りスレッドを管理したり、スレッドの更新をチェックできる「Firefox」機能拡張。“２ちゃんねる”専用ブラウザーを使用することなく、「Firefox」で手軽にスレッドを更新チェックできて便利。 サイドバーにスレッドを追加するには、「Firefox」で現在スレッドを開いているタブをサイドバーへドラッグ＆ドロップすればよい。すると、スレッドが含まれる“板
Collection & Copy - 上下左右の中央にボックスを配置する
(via Subtech Watchlist - typester) Collection & Copy - 上下左右中央の件、改善、補足コメント頂き、改善、補足を書きました。 CSS vertical center using float and clear 上記、CSSで上下左右の中央にボックスを配置するページを読みました。要約すると以下のHTMLになるようです(必要なものも削っちゃったかも)。ポイントとなるスタイルシート設定にコメントを入れました。 CSS、きっと分かってる人には、あったりまえなんだろうなぁ。「float:left」と「clear:left」がペアで対応してるんですね。あと、marginのautoはIEで、うまく動かないのか。余白用のブロック(distance)は、まず画面の縦半分の長さで空間を確保し、本文のブロックの半分のサイズだけマージンを減らして、ちょうどよい
イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
たくさんの画像を一括配置したり、フォルダの中のファイルをまとめて印刷したり、アンカーポイントを整列させたり、テキストを改行でばらばらにしたり、またはバラバラのテキストを改行でつないだりなどなど、大量のファイルの一括処理や、微妙に面倒な各種作業の時間短縮に効果があります。「この作業を、１クリックでも少ない手順で！」という要望にお応えします。
CSSのレイアウト40種類を集めた「Layout Gala」 - GIGAZINE
サイトのコンテンツのレイアウトを考える場合、コンテンツをどのようなレイアウトでは位置すればいいのか悩む場合が多々あります。2コラムにするのか3コラムにするのか、それぞれのコラムの下にさらに子コラムを入れるのか否か、右サイドに置くのか左サイドに置くのか、などなど。 そんな場合に参考になるのがこの「Layout Gala」。CSSによるレイアウトの例が40種類あるので、自分の作りたいサイトのスタイルに近いレイアウトを実際に見てから、CSSファイルをダウンロードできます。Layout Gala http://blog.html.it/layoutgala/ 全部のレイアウトのファイルを詰め込んだファイルのダウンロードは以下から。 http://blog.html.it/layoutgala/allLayouts.zip また、「Yahoo! UI Library」にも単一のCSSファイルで100
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Shift: Zoho Writer に待ちに待った機能が・・・
フリーフォント最前線は移転したぜ。
WebScan.JP - Webページキャプチャ生成ツール
CSSによる段組（マルチカラム）レイアウト講座
「みんなの知識 【ちょっと便利帳】」のURLについて
Buttonator
まとめ.com
東京webデザイナー日記: 日経平均銘柄225社サイトの脱テーブル率調査