ブロックレベル要素の高さを揃える方法あれこれ
ネタ元：[mixi] CSSテクニック | divの高さを100%に 複数のカラムを利用するときに、 コンテンツの量によって高さは変わってくる。 でも、高さを同じにして見た目を同じにしたい！ というケースに出会った事があるひとが多いのではないだろうか？ その場合まず考えられるのが、heightを指定して、同じ分px指定をする方法。 でもこの方法だと、コンテンツ量が変化するたびに変化させる必要があって面倒。 では、どのようにしたら高さを同じにできるのか？ 調べてみたら様々な方法があるようなので、まとめてみた。 CSSで揃える - その１ 揃える方法はいろいろあるが、まずはCSSで揃える方法。 一度画面がはみ出るくらい長くpadding-bottomを指定してmargin-bottomでその幅を縮小。 あとは親要素にoverflow: hiddenを指定して、必要な範囲だけにする方法である。
Firebugの使い方 | THE HAM MEDIA
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
コーダーなら知っているべき制作時のポイントあれこれ
もうかなり前になってしまうのですが、OSCにて自分が発表した内容をまだブログに書いておりませんでした。発表しておいてなんですが…この内容はないなーと、反省。。。ですが、ブログ用に編集してまとめてみました。 ようやくまとめる時間が取れてよかった。。。 いろいろな意味でいまさらなのかもしれないですが、タイトルも変更して、あらためてまとめます。 最初はクロスブラウザとかの面でだけ考慮して書いていたので、ところどころそんな文章もありますが、基本的にコーディング時・制作時のポイントとか抑えておくべき基礎的なポイントです。 現在使われている主なブラウザ まず、クロスブラウザに対応とか言う前に、どんなブラウザがあるか再確認。 ■主なブラウザとバージョン ・Internet Explorer(IE) ５．５～８ ・Firefox２～３.５ ・Opera９.６～１０ ・Safari３,４ ・Google C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
