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

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

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

[ねとらぼ]

 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.

先週の総合アクセスTOP10

先月の総合アクセスTOP10

  1. 田中将大、石川佳純ら卓球女子との集合ショットに反響 「夢の共演」「どちらから声を掛けたのか気になる」
  2. 田中将大の五輪オフショット集、最後は柔道・阿部詩との2ショットでシメ! “モテ男”の期待裏切らず「美女好きですね〜」
  3. 「マジで恥ずかしいです」 中川翔子、数年ぶりの“水着披露”に恥じらいつつもマネジャー大絶賛「スタイルめっちゃいいすね!」
  4. 里田まい、楽天ユニフォーム姿の長男に「違う、そうじゃない」 父・田中将大選手そっちのけの推し愛にツッコミの嵐
  5. 野々村真、動画で退院を報告 やつれた姿に衝撃広まる「コロナがより怖くなった」「ガリガリで衝撃を受けたわ」
  6. 「薬を問われ、アル中だと言われ」 西山茉希、“うわさ”ささやかれる痩せ体形に「懸命なもんでご了承願います」
  7. 柴犬「メシ、よこさんかーい!!(激怒)」 ごはんを忘れた飼い主に皿をぶん投げる柴犬、荒ぶる姿に「爆笑した」
  8. レイザーラモンRG、コロナ療養で“10キロ減”を告白 「顔が変わっちゃいました」とやつれた姿で復帰報告
  9. 海外記者「最高のコンビニアイスを発見した」 森永チョコモナカジャンボ、ついに世界に見つかってしまう
  10. 「ついついキレイな部分ばかり載せたくなりますが」 小倉優子が公開したインスタの“現実”に「勝手に親近感が」「共感しかない」