新着記事一覧

新着記事一覧

ニュース
» 2013年05月24日 13時33分 UPDATE

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

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

[ねとらぼ]

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

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

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

photo Facebookページもあるのだ

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

photo displayさん。かわいい

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

関連キーワード

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


Copyright© 2016 ITmedia, Inc. All Rights Reserved.

注目のアイコン

注目のアイコン

「ITAN」×「ねとらぼ」コラボマンガ

ねとらぼがスマホからも見れる!

過去記事カレンダー

オススメ記事