世の中にはmargin-top派とmargin-bottom派がいるとかいないとか。自分はmargin-top派です。margin-left派とmargin-right派がいるならば、margin-left派です。試しにmargin-bottom派になってみようかなと頑張ってみたんですけど、やはり慣れもあり、margin-to…

先日、Meteorっていうツールが話題になっていて、いろいろ見てみたんですけど、pjaxいいなぁと思って、今まで実装したことなかったので、Mojolicious::Liteで実装してみました。ついでに流行りっぽいツールを組み合わせてみました。 利用したツール Mojolici…

今進めている案件で、Sass + YUIを使っています。どんな感じに運用しているかを紹介するとともに、自分用のメモとしてまとめておきます。 SCSSファイルの全容 _yui-reset.scss _yui-reset.scss は、YUI 3 CSS Resetをファイル名と拡張子だけ変更したファイル…

Sassについて話してから、うまく動かないなどの問合せをいただきます。インストールはやっぱり完全初めてだと難しいんですね。その反省も込めて、Windowsでのインストール方法を説明することにします。手元にWindows XPしかないので、Windows XPでの操作説明…

先週の土曜日にUPGRADE JAPAN!!というチャリティイベントにスピーカーの一人として参加しました。マスコミの取材とかもいたようで、このような大きなイベントになるとはビックリ。義援金も20万円超集まったそうです。よかった。ということで、話した内容を、…

明日、UPGRADE JAPANにて、Sassについて話す予定です。それ用にSassの記事増やしておきたかったんですけど、あまりそれもできず。しばらくは、UPGRADE JAPANのフォローアップとして、いくつかSassの記事を投稿する予定です。さて、「Sassの@extendでCSSとHTM…

前段 Sass始めました。くそ便利ですねこれ。 したいこと 以下のような幅の違う横長なナビゲーションがあると想定して、これをCSS Spritesを使ってなるべく簡単にCSSを書きたい。CSS Spritesは手計算でやるとくそメンドイので。 ┏━━━┳━━━━━┳━┳━━┳━━━┓ ┗━━━┻━━…

最近、実案件で実験していたのですが、仕様が固まってきたのでメモしておきます。JavaScriptを特定のページで実行したいというニーズがあるけれど、head要素内に書くとか、body要素内に書くとか、そのページ限定でscript要素を使って読み込むとかいろんな方…

clearfixの記述を見てて、contentプロパティで内容追加して、blockにして、高さを消すとかやってるので、JavaScriptでもできるんじゃね？と思ったら、実際できたので、実用性は抜きにしてメモとして投稿しておきます。 CSSでのclearfixの記述 いろいろあるみ…

先日の土曜日に、Sugamo.cssに参加しました。いろんなことが勉強できたんですけど、CSSアニメーションが結構面白いなーと思ったのでデモを作ってみました。animationプロパティは、一応モジュールの中にあるので、うまくいけばすべてのブラウザで使えるよう…

文字数で幅を指定できるエラスティックレイアウトが好きです。CSSでレイアウトする時、各ブラウザがページズーム機能を導入した今はほとんど必要ないことかもしれませんが、一行あたりの文字数は読みやすい数というものがきっとあると思っています。エラステ…