HTML,CSS
railsにslimを導入してみた。 ところでslimが吐き出すソースコードをみてみると、なんか全部改行しないようになっててすごく見づらい。 そこでちゃんとドキュメントを見ると改行をさせるにはオプションを加える必要があるというのを見つけた。 ちょっとわか…
http://moosan.org/ のデザインを変更した。 OOCSSを使って書いてみようと思ってやってみたけど、難しい! なんかうまくオブジェクト的に分離できない、今までいかに行き当たりばったりでCSS書いてたかが浮き彫りになった・・・。 うまく整理したい。あと、…
以下のブログの子と一緒に作業してて、cssのborderをうまくつかって吹き出しのツノを作る方法を理解して感動した。 http://blog.erikata.net/Entry/9/実はボーダーがこういう台形の形で指定されてたのを初めて知った・・・:(;゙゚'ω゚'):
CSS書いててたまに、height:100%;がうまくいってなくて、コンテンツ量の少ないページでデザインが崩れてたり、逆にスクロールしたときに背景が途切れたりするときがあるのでそのためのメモ。 <html> <body> <div id="wrapper"> ..... </div> </body> </html> みたいな感じでHTMLを書いて。 html,body{ height:10…
floatで .left { float:left; } .right { float:right; } って、定義しておくと <div> <h2>ほげ</h2> <ul> <li class="left">list1</li> <li class="right">list2</li> </ul> </div> って指定するとfloatできるようになるので、ぱっと見どれがfloat指定されてるのかわかりやすくなっていいと思います。あと、floatやるならclearfixも忘れ…