たつのりくんのらくがきちょう

a-blogcms の管理者モード用ス..
何か問題が有るわけではなく、より美しくと間違い防止を私感で目指して、a-blogcmsの管理者モード用スタイルシートに手を加えて..
フォームの体裁を定義型リスト..
フォームの体裁を定義型リストDL要素で整える時に、左フロートと幅をピクセル値指定の組み合わせで作っていましたが、ピクセル値で..
勉強本: HTML+CSSコーディング..
勉強本「HTML+CSSコーディングベストプラクティス高速かつ堅牢なコードを効率よく書くために」を買いました。久しぶりの勉強本で..
width, min-width, max-width ..
IE6 という名前の悪魔がしぶとく生きているので、いつもの事ながら、padding と width の値を電卓とメモ紙を使って計算している日々..
今更ながら960という数字は良..
960 Grid System と呼ばれるサイトのURLが巷に流れはじめてから、ずいぶんと過ぎたと思います。今更ながら "横幅960ピクセル" とい..
Firefoxとtableタグのborder-c..
最近になって気づいたのですが、table タグに border-collapse:collapse;を付けている場合にFirefoxでの表示が左に1pxはみ出すこと..
フロートを解除する hr class=..
お気に入りの a-blogcms のフロートを解除する時に使われている hr class="clearHidden" の影響を最小限にするスタイルシートの記述..
select に max-width を付けよう
selectタグにはsizeとかの幅を設定する事無く内容にまかせて幅は自動値になるのですが、大きくなりすぎても困ってしまいます。とい..
textarea に word-break: brea..
CSSスタイルシートで textarea に word-break: break-all; を付けると、不自然な改行を避けてスクロールを少なくできるようです。ま..
IE7のハックは *:first-child+..
IE8用のハックを調べていたら、IE7のハックで興味深い記事を発見しました。 http://webtech-walker.com/archive/2007/12/10205326.h..
嫌いなIEだけどsubmitボタンだ..
Web界では嫌われ者のIEですが、僕的にはsubmitボタンだけは許せるような気がしています。立体的な動きと角丸やグラデーションの雰囲..
勉強本: 実践 Web Standards D..
技術評論社という出版会社の電脳会議vol.129という小冊子が郵便で届いたのですが、Web標準を基本から学ぶためのガイドブックとして..
IE6問題に対処する10のテクニ..
IE6のシェアが下がった今でもIE6の問題に対処する必要が無くなったわけではないのが悩ましいのですが、いつも勉強させてもらってい..
Adobe Kuler で配色の設定
配色の勉強、配色の設定、配色の手本として利用できそうな「Adobe kuler」というWebサービスがあるようです。使いたいところですが..
スタイルシートでの隣接兄弟セ..
恥ずかしながらスタイルシートでの隣接兄弟セレクタ「+」というのを初めて知りました。これを使えば隣接する要素のマージン調節をよ..
CSSの書き方にチョットだけド..
サンプルを公開しているイロイロななサイトで勉強しているのですが、なるほどと思ったコトがありました。善し悪しの感じ方は個人差..
2週間限定でCSS書籍「The Art ..
ネタ元はマイコミジャーナルですが、CSS書籍「The Art & Science of CSS」のPDF無料配布がsitepoint.comにて実施されています。早速..
getElementById().innerHTMLで..
getElementById()を使ってインラインで書いてあるスタイルシートの内容を表示することが可能であることに気がつきました。こんな感..
高さの異なるカラムを揃える方法
ネタ元は、いつも勉強させてもらっているcolissさんのサイトです。高さの異なるカラムを同じ高さに揃える方法として、JavaScript+CS..
CSSと背景画像で文字にエフェ..
ネタ元は、いつも勉強させてもらっているcolissさんのサイトですが、「CSSとグラデーション背景画像でテキスト文字にエフェクトを付..