直書きライクな、HTML+CSSコーディング。 | kimihiko Tech

直書きライクな、HTML+CSSコーディング。 【追記】これは、ネタです。 以下の内容は、良いHTML+CSSコーディングを推奨するものではありません。 こんなに反響があると思ってなかったので追記しておきます (´-ω-｀)ｺﾞﾒﾝﾅｻｲ CSSはHTMLから切り離して外部ファイルとして保管され、 その外部CSSファイルを修正すれば、HTMLファイルに触れずとも、 HTMLページの見た目を柔軟に変更できる、ということが 近年のHTMLページ制作におけるスタンダードになっています。 ですが、 私はHTML+CSSコーディングをする際に、 この外部CSSを作るのが非常に億劫でなりません。 idやclassなどのネーミングはもちろん、 どこに、どう設定を書くのか、などに非常に繊細な技術を要するからです。 かといって、styleを使って htmlに直書きするのも面倒だなと思っていました。 そこで

[site159]

バカに見せれば、だませるね

[k_gobo]

でも昔どっかの案件で全く同じようなCSSを見たｗ／ネタって書いてあるの信じてたらマジだったのか！これはひどいタグ足しとく。

[hisasann]

いろんなプロパティのclassを作っとく手法。バッドノウハウ。ネタとしてはOK

[nori_17]

つこてるし！！！

[honeybe]

ブログのソースまで含めた壮大なネタ。ぜ、全部計算なんだから！的な。

[bk246]

"styleを使ってhtmlに直書きするのも面倒だなと思っていました。"＜面倒なままじゃん

[tenkoma]

つきぬけすぎてる

[xxxxxeeeee]

CSSとかHTMLとかにセマンティックもくそもないけど、marginのサイズでクラスを与えるのでは何の意味もない。つか、デザイン変える時に全部HTML書き直すの？

[RPM]

「これはひどいって書かれたからネタです」というのはどうなんだろうか。ネタなら最初に書いておくべきでしょ。

[masakanou]

仕様変更が少ない場合、こういう定義のほうが便利だったりするw。標準化を徹底するコストのほうが高い。修正なんかはXHTMLからgrepして一括置換で余裕。/flex.cssはすごいな。ここまでやれば立派なバッドノウハウ

[kits]

(flex.cssコメントより)自分も以前「ウィドス」って発音してつっこまれたことがあるなあ。

[FTTH]

構造化とCSSマークアップは表裏一体……。

[webmugi]

　CSSを覚え始めたころ，俺もこれに近いことしてたな。

[Layzie]

これはねーよwwww と笑ってるけど、実際にこういうコーディングはあったりするから困る。「このclass何?」と見るとmargin-left:15px;のみとか。直接htmlタグに書けよと。

[popup-desktop]

ネタだったのか…。ちょっと安心した…。／　…と思ったら、実際に使ってるやん！

[yoruaki]

後からネタと追記する時分、当初はネタだと思ってなかったんだろうな。

[ochanoco_naoco]

[ネタ]

[sakuragaoka]

これは・・・よく仕込んだ皮肉？

[daikix]

これだったら、テーブルとスペーサーGIFでやったほうが楽な気がする。

[ysk_lucky-star]

HTML 文書が理論化・構造化されてない時点でアウトでは。CSS をどう設計するかはちゃんとテンプレートを用意した方がいい。モジュール化・コンポーネント化はかなり本気で考えた方がいいと思う／ネタなのか・・・？