瞬間と永遠.com 自分を探し自分を知るブログ@愛知県豊田市・名古屋市 > 頭ん中 > id名とclass名にもっと遊び心を。これってあり?なし? > 遊び心

id名とclass名にもっと遊び心を。これってあり?なし?

選択されているタグ

タグを絞り込む

ある夜ツイッターの TL におもしろいツイートが流れてきたんです。

HTMLタグでバンド名

で、それに影響されてかこんなことをツイートしました。

コンテナ:<div id="Beatles"> ヘッダー:<div id="George"> メインコンテンツ:<div id="Paul"> サイド:<div id="John"> フッター:<div id="Ringo"> でどうだろ・・・

さらに、

自分にしかわかんないけど、確実にコーディングが楽しくなるはず。そんなジコチュウなソースはありか?

そしたら、@lovinwebさんがいいですねーと RT してくだすったんです。

実際、これってやっていいの?

とはいえ、これ実際のとこどうなんだろう。
自分以外の人が触る場合訳わかんないですよね。

だがメリットは多い!
ストーリーをイメージできるので要素名を覚えやすくなるとか、他人のソースを覗いたときにニヤリとできる (苦しい) し、なによりコーディングが楽しくなる!!

で、コレ


ビートルズで2カラムレイアウト

レディオヘッドで3カラムレイアウト


全国のマークアップエンジニアさんにききたい

id とか class 名って、基本的になんでもいいはず (ですよね?) なのに、慣例のように container, wrapper, contents… とかっていうのが一般的です。
Webを勉強する時にそうやって教えられるっていうのもあると思いますが…。

今回はコンテナ全体をバンドに見立てた訳ですが、自分の興味のあるものでやると楽しいですよね、という妄想でした。

全国のマークアップエンジニアのみなさん、サイトのリニューアルを依頼されてソースを見たら、こんな id 名が使われてたらどうですか?


--

※この記事を書いた人、ミズノケイスケに興味を持っていただけましたら、ミズノのFacebookをフォローください(一番更新頻度が高いです)

2018年10月、ポエジーのウェブサイトをリニュアルしました。
ポエジー*経営者の夢を叶えるジェットエンジン ※無料相談受付中

この記事に関連する記事

コメント

投稿
名前
 
メールアドレス
 
URL
 
タイトル
コメント
パスワード
Cookieに保存

瞬間と永遠.com 自分を探し自分を知るブログ@愛知県豊田市・名古屋市 > 頭ん中 > id名とclass名にもっと遊び心を。これってあり?なし? > 遊び心

RSS 購読
リンク
  • track feed 瞬間と永遠.com

↑PAGE TOP