2009-04-16 11:14 pm

mootoolsのプラグイン集、phatfusion

格好いいmootoolsのプラグインを見つけたので紹介。

phatfusion

JavascriptやFlashを使ったライブラリを開発しているらしく、ちょっと洒落たサイトを作るときに使いたくなるようなmootoolsのプラグインが公開されている。

プラグインの種類は以下の通り。

あとはFlashのコンテンツでgoogleDriveというのがある。これはキーボードを操作することで、真ん中に表示された車がGoogleMap上を走るというもの。GoogleMapを利用したコンテンツは沢山あったが、こういう発想のは見たことがなかったので、面白い。

2009-04-16 11:13 pm

ひらがなを使った47進数

なかなか面白いことをしているサイトを見つけたので、紹介。

47進いろは記数法⇔10進法 変換機 (β4)

フォームに適当な数字を入力すると、それをひらがなに変換するというもの。0~46の数字がそれぞれ「い」から「す」で終わる「いろはにほへと」に対応している。

メリットとしては「現代の日本で一般に使われている10進法よりも、大きな数字をより少ない桁数で表すことが出来ます」とのこと。どっちかっていうと考える時間の方が長くなってしまい、本末転倒な気がするが・・・。

まぁ、なんにせよ、色々と面白い使い方があると思うので、遊んでみて欲しい。

2009-04-16 11:13 pm

画像置換の色々な方法と、ケースごとの対応表

よく使われる画像置換の方法と、その方法ごとの対応表をまとめている記事があったので、紹介。

Nine Techniques for CSS Image?Replacement - CSS-Tricks

例えば、画像無しのCSS有りだったり、両方無しだったり、いろいろなパターンごとにきちんと表示出来るかどうかがまとめられている。置換の方法が9つもあることに、ちょっと驚いたんだけど、それだけあっても、全部のパターンで問題なく表示できる方法ってのは無いみたいだ。

よく使うだけに、何かしら問題があるってのはちょっと気持ち悪い。このあたりは色々試行錯誤してみたいなぁ。

2009-04-16 11:12 pm

VimでCSSを整形する手順

vimを使ってCSSを整形する手順を書いた記事を見つけたので紹介。

Reformatting a CSS file with Vim ≪ Occasionally sane

どのような手順で整形していくかは、こちらのリンクにあるスクリーンキャストを見て貰うと判りやすいと思う。スクリーンキャストの方だとEmacsでやっているようだけど、その操作をvimのコマンドを使ってやっている。

CSSは人によって書き方が違ったりするんで、そのあたりをしっかり統一したいときなどに便利だ。

2009-04-16 11:12 pm

スタイルのリセットと初期化をしてくれる、Tripoli

最近はCSSの初期化とかはやって当たり前な感じになってきたけど、ちゃんとやろうとすると結構面倒だったりする。今回は、そのあたりの手間を省いて楽するアイテムを紹介。

Tripoli - a CSS standard for HTML rendering

Tripoliはスタイルのリセットと初期化をしてくれる、スタイルシートのライブラリ。IEと他ブラウザとの差異を吸収してくれたり、印刷用のスタイルも初期化してくれる。

似たようなもので、Blueprintとか、YAMLとかがあるけど、このあたりは色々出来ることがありすぎて、逆に使いにくかったりする。

その点でいくと、Tripoliは読み込むだけで良く、シンプルで使いやすい。自分で一から書くのは面倒だけど、少し気の利いたスタイルにしたいって人にお勧め。