気になるニュースを気ままにブックマークしてますよ

はじめに まず↓の記事を見てない方はぜひ見てください！ 自分にとってはこの記事には「えっ、ナニコレ！」なテクニックが多く、特に解説もなかったのでいろいろ調べてたら休日が消えてました... なのでその時間の供養もかねて、自分が知らなかった部分を中心に、僭越ながら元記事の解説を書いてみたいと思います。 ちなみに、以下が元記事のコードそのままを実装したものです。たしかに掲載コードだけで要素がグリグリ動きますね。 See the Pen js-drag-move-original by www-tacos (@www-tacos) on CodePen. 初耳1: $img まずコードのここ <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove

[nasunori]

CSSだけでもここまで弄れるものなのか。

[minelayer]

emとstrongによる描き分け

[webmarksjp]

はてブ

[toton]

はてブのカスタムデザイン。http://d.hatena.ne.jp/nitoyon/20090226/hatebu2_css

[staki]

こ・・こんなことができるのか！！//なるほど、em と strong か･･･すごいなあ･･･。

[zaikabou]

かわいい

[pho]

このデザイン面白い

[anhelo]

登録者数の表し方を人間型で表現しているブックマーク。いいなあCSS公開してくれないかなあ

[denken]

ユーザ数の多寡に応じてemやstrongがつくことを巧みに利用した非常に参考になるデザイン。最初どうやってこれを実現させているのか見当も付かなかった。

[kurobuchi]

うわぁ、はてブってこんなにデザインカスタマイズできるのか。素敵！チャレンジしてみようかな。

[mainyaa]

すばらしいデザイン。

[Naski]

良CSSな、はてブ。主にプログラミング、デザイン関連の話題

[ymorimo]

このデザインすごい

[ushiwatat]

デザインすごいなー。

[d4-1977]

カスタマイズの話。

[fk_2000]

CSSサイコー！！

[akz]

->http://d.hatena.ne.jp/nitoyon/20070125/p1

[tomozo3]

素晴らしいデザイン

[lakehill]

なかなかいい感じだ。

[uemu]

[css

[shirokuma_x]

おされ