はい、雪を一度も見ないまま　もう３月であります。 年頭に何かやるつもりだったような気もする管理人です。　こんばんは。 先月は後半から急に画像付いてしまいまして。　「オレもまだ、こんなに熱中出来る事があったんだな～」　とか感慨に耽ってみたり。　普段無縁な画像ハンドリングにも多少慣れる事が出来たのは良かったのですが、果たして自分のblogに還元出来るものやら否や。 ・・などと思案に暮れてみたり。 そうこうしながらいつもの某板を覘いております時に、先月の記事とちょこっと関係ありそうなスレが目に留まりました。 曰く、「画像のサイズ指定と縮小について」 最初は質問の意味が良く分かりませんでしたが 要約すると以下のような御趣旨の様子。 「形状・サイズが夫々異なる画像から縦横比を崩さず同一サイズのサムネイルを作りたい」 （　う”～ん。　無理　）　というのが正直な感想でしたが　何と解答を付けられた方が！

Sleipnir　現在のメインブラウザ　Firefoxのメモリ周りが改善したら完全移行予定 Firefox　サブ JaneStyle　2ch用 leeyes　susieプラグイン入れると更に便利 smoopy　青空文庫用 FoxitReader　PDF死ね→氏ね位になる PC　ffdshowとの組み合わせで万能メディアプレイヤ　RealAlternativeもついでに nvplayer　高速再生用 foobar2000　複数プレイリスト保持出来るのが気に入ってる winamp　惰性で　使用しているスキン(simpleplan)が気に入ってる Stirling　メインで使用するエディタ Bz　サイズの大きいものを弄る時とかはこっち スペシャルねこまんま57号　プロセスメモリエディタ WiｎRAR　試用期間過ぎても使える nrLaunch　ランチャ　今更変えられない

Slashdot Menuは、変数によりスピード調整などカスタマイズが可能な開閉式ナビゲーションのスクリプトです。 Slashdot Menu ナビゲーションの開閉時のスピードや開閉状態のクッキーへの保存の有無などがカスタマイズすることができます。 Slashdot Menuのナビゲーションの項目はspanでマークアップが行われています。 ブラウザ対応は、IE5やFx1などの古いブラウザにも対応しています。

auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref

「text-indent:-9999px;」や「display:none;」でテキストをウィンドウ外に飛ばしたり非表示にして、代わりに背景画像を表示させる手法を「画像置換(Image Replacement)」というが、これには重大な欠陥があって、最近では使用が推奨されていない。 h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; text-indent:-9999px; } <h5>SITE TITLE</h5> h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; } h5 span{ display:none; } <h5><span>SITE TITLE</span></h5> 上記のようなCSSだと「CS

まずは最近知って便利だと思ったCSSの小技をひとつ。 文章の最後に、「※（米印）」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず１文字分右に動かして、「text-indent : -1em;」で最初の行だけ１文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。 他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で

CSSplayには、たくさんのCSSのサンプルがあります。 その中から階層型ナビゲーションの実装サンプルをいくつか紹介します。 CSSplay

CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照：キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12

Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。