ITmedia ガジェット 過去記事一覧
検索
ニュース

CSSプロパティを擬人化しちゃったリファレンスサイトが登場displayさん納得の1位

キャラはなぜか未亡人多し。

PC用表示 関連情報
advertisement

 CSSプロパティを擬人化し、親しみやすく解説しちゃおうという「擬人化CSSリファレンスサイト」がオープンしました。レーダー眼帯で座標をバッチリ把握するpositionさんや、positionに好意を寄せるz-indexくんなど、プロパティの特徴がどことなく感じられる可愛らしいキャラクターが創作されています。

photo
現時点では6人のキャラが公開されています

 イラストやキャラ紹介とともに、プロパティの対応ブラウザ、構文とその解説、デモサンプルなどが掲載されており、実用面にも気が配られています。一方で、CSSのことが何も分からなくても、キャラの個性を楽しみながら「こんな仕組みがあるんだなぁ」とHTMLの世界をなんとなく感じることができそうです。

photo
Facebookページもあるのだ

 ちなみに、人気キャラコーナーの一番上に表示されているのはdisplayさん(5月24日12時時点)。「相手の状態を変化させる魔法」の使い手で、「若くして旦那さんを病気で亡くした暗い過去があり、怒らせると本当の意味で消される」とのこと。display:noneは魔法だったら強力そうですね。物静かなキャラ設定で、長門みたいな口調がキュンときますな。

photo
displayさん。かわいい

 それにしても、なぜか“女性キャラが未亡人”という設定をほかでもちらほら見られますが、これは作者さんの好みなのでしょうか? キャラのさらなる充実など、今後のアップデートが期待されます!

関連キーワード

CSS | 擬人化 | 解説 | かわいい | イラスト


Copyright © ITmedia, Inc. All Rights Reserved.

ページトップに戻る