広告あり

【CSS完全に理解した】ちょっと変わった視点からCSSが学べる記事

デザイン

過去にSNS上でバズった「CSS完全に理解した」をご存知でしょうか?

画像はIKeJI(@ikeji)さんより

「CSS完全に理解した」という文言が枠外にはみ出ていて、誰もが思わず「本当に理解したの?」というツッコミを入れてしまうようなネタTシャツが話題になりました。ちなみに、この方は他にもユニークな発明品をたくさん開発しているようです→Shun Ikejima

この「CSS完全に理解した」は大きな反響を呼び、今ではトートバッグや赤ちゃんのスタイなど、関連グッズが多数商品化され、派生ネタも時々見かけるようになりました。

このいかにも初心者が文字の配置に失敗したかのような図は、実は意図的にやると難しく、本当に理解しているからこそこうなったと、説明している面白い記事を見つけました。

「CSS完全に理解した」でCSS完全に理解する

枠内にきれいに文章が収まっている状態を「誤」とし、そこからどのように枠外にズラしていくか、つまり「CSS完全に理解した」状態を再現していくかを19個の例を使って解説しているのですが、「こんなに方法があるのか!」と感心してしまいました。

正直、今の私には理解できないものばかりで勉強不足を反省するばかりです。

近々業務でコーディングをやらせてもらうことになり、ちょうど復習期間のタイミングでこの記事を見つけ、大変勉強になったので今回紹介させていただきました。

また参考になりそうなものを見つけたら紹介したいと思います!

コメント