ニュース

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

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

advertisement

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


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

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


Facebookページもあるのだ

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

advertisement

displayさん。かわいい

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

関連キーワード

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

Copyright © ITmedia, Inc. All Rights Reserved.

記事ランキング

  1. しぶとい雑草“ドクダミ”を生やさない超簡単な方法が115万再生! 除草剤を使わない画期的な対策に「スゴイ発見」
  2. 釣りに行こうとしたら、海岸に子猫が打ち上げられていて…… 保護後、予想だにしない展開に「神様降臨」「涙が止まりません」
  3. 顔の半分は童顔メイク、もう半分の仕上がりに驚がく 同一人物と思えない半顔メイクが860万再生「凄いねメイクの力」
  4. パパに笑顔を見せる4カ月の赤ちゃん、ママの顔を見ると…… あるあるな反応に「なんで?!」「ママをすごく信頼してる証拠」とさまざまな声集まる
  5. スーパーで買ったレモンの種が1年後…… まさかの結果が635万再生「さっそくやってみます」「すごーい!」「手品みたい」
  6. “女子小学生”がメンズカットしたら……「え!」 その驚きの大変身に「な、なに!?」「絶対モテる」と反響
  7. 小1娘、ペンギンの卵を楽しみに育ててみたら…… 期待を裏切る生き物の爆誕に「声出して笑ってしまったw」「反応がめちゃくちゃ可愛い」
  8. 巨大ウサギのデカさを伝えるため、2Lペットボトルを横に置いてみたら…… 衝撃の比較結果に「えっ、500mlじゃないんですか」「マジで大きい」
  9. 元「AKB48」メンバー、整形に250万円の近影に驚きの声「整形しすぎてて原型なくなっててびびった」
  10. 実写「シティーハンター」、最後まで見るとあるはずの仕様がない配慮「わかってる」「粋なはからい」「いい判断」