角丸のあれこれ

by · 公開済み · 更新済み

今や角丸表現は当たり前の時代。
グラフィックデザインでは文字背景のデザインをプレートデザインなどと言ったりもするが、その昔WEBの世界では矩形があたり前だった。
WEBデザインの世界で文章の背景プレート（ボックス）をグラフィック化せずに角丸のデザインを行うには、古くはテーブルによる角丸が考案され、盛んに利用されるようになった。（およそ10年ちょっと前） その後、CSSによる角丸が考案されたりもしたが、、、初期のCSSによる角丸実装は見た目もエレガントとはいえなかったりした。
現在ではJavascriptによる様々な角丸が公開されている。
やっていることは、、やはり面倒なことだが（エレガントに見える白鳥の足が水面下では忙しくバタつかせているように）、JavascriptとCSSにより、利用は格段に手軽なものとなった。
最近では各種のJavascriptライブラリのプラグインとしてもリリースされているので、何れかのライブラリを利用している場合はリッチな角丸が簡易に実装可能となっている。
そこでここでは少しまとめて、必要なときに直に利用させて頂くことにした。
 

おすすめ