変態的 CSS トリック

多少複雑なデザインでも、画像や JavaScript には頼らず、CSS で実現させる。そこにはもはや手軽さなどは存在しない。あるのは男のロマン。

[ftype]

アクセシビリティ的にどうなんすかね。contentに意味ない文字たくさんいれるのは…自分のWindows10 MS EdgeだとなんかWebフォント使ってるところの表示盛大に崩れてるんだけど大丈夫なのかな？

[hiroshe]

CSSハックなるものの存在を知ったとき、Webの世界がちょっと嫌になった。こんなコード書きたくないよ。

[sucelie]

SVG使う以外では大して変態感を感じなかった俺は既に十分変態の域に達しているのかも

[macky1207]

変態的...? とりあえず http://codepen.io/geckotang/pen/yJmEZB 上級の特殊な罫線作った。

[infobloga]

CSSのテクニックは、良く知られているものも含めて全て変態的だと思うので、ここで紹介されているテクニックをあえて変態的だと呼ぶ理由が良く分からかなかった

[zentarou]

変態を自称する人ほど性癖が大したことない法則がここにも……？

[shields-pikes]

真の変態は、変態の奥の深さを知っているので、うかつに変態を自称したりしない。オタクも同じ。自称変態は、自称天才、自称個性的、自称オタクと似た部類。あれ、俺CSSの話じゃなくて変態の話しかしてない……。

[kijtra]

SVG画像で済むけど、こうやって作業量増やして顧客への請求額を上乗せする、という意味でも変態的…w

[dikn]

最後のをSVGなしで作ってこその変態だと思う

[KoshianX]

CSS Wizard というのもあるのだな……。しっかし CSS も本当に奥が深くなってきたなあ……。

[Yeshi]

あっこれはCSS好きな人の遊びだ

[tohokuaiki]

使うことは無いだろうけど。

[rochefort]

かっこいい

[n314]

テーブルデザインをやめたせいで背負い込む苦労って半端ないんだな。

[sora_h]

まあこんなもんだよな(CSSむずい…)

[hedeyoshi]

すごい、今こんな事できるんだ、魔法使いになりたい。

[wdr_s]

なまえのわりには普通だった。SVG使わないでできないものかね…

[ElizaAcolyte]

思ったより変態じゃなかった。変態性においてCSSは無限の可能性を秘めているからな・・・。

[rryu]

特殊な飾りはbox-shadowとかでもっと変態的にできそうな気も。

[makokox]

面白い

[hinashiki]

面白い。参考にする

[kojika17]

サンプルは、まだまだ変態的なCSSに昇華できる余地がある。

[makou]

嫌いじゃない。

[joe-re]

所謂cssテクニックは全て変態的だよね

[Rishatang]

こういうトリッキーな実装メチャクチャ嫌い

[vlxst1224]

ドラえもん描いたりするやつかと思ったら違った

[berlysia]

SVG使っちゃうの変態度が低い

[lrenir]

ちょっと目隠しプレイをしただけで変態プレイしちゃったよ、みたいに言う人もいれば、スカトロとかネクロフィリアレベルじゃないと変態プレイと呼べない人がいる。つまりはそーゆーことです。

[fashi]

ちょっとブラウザが仕様変更すると崩れそうなテクニックこわい

[easy-breezy]

私には十分すぎる位変態でした！

[kamayan1980]

特殊な罫線あたりまでは「あるある」内容。SVGに関しては趣味の範疇かなー。今のところは。

[kyrie_leison]

変態的なことよくしてるけど変態の上には変態がいる

[muyuuu]

#読んでる. 変態的 CSS トリック // Speaker Deck: http://bit.ly/2bvowI0 — むゆう (@anticyborg) August 29, 2016

[aliliput]

結構実践的。flexbox未対応ブラウザはもう切りたい