ウェブデザイナーの日記

このラウンドコーナーデザインを「画像を一切使わずにCSSとJavascriptだけでやりたい！」というプロジェクトがNIfty Cornersです。そう、プロジェクト名なんですよね。彼らの粘り強さとあくなき探究心、ひたすらに完璧さを目指す姿勢は敬服に値します。現在、version3まである。ver upしてるんですよ。なんつっても、知らない方にはナンのことなんだかピンとこないかもしれません。とりあえずコレみてください↓

sample
sample2

これふたつとも画像を一切使ってないんです。cssとjavascriptだけでやってるの。「cssだけでできんの？」と思ったりしますがむりみたい。丸めるところでどうしてもjavascriptが要るみたい。コードをよく見てないのでええかげんですが。

「ホエー」と感心してさっそくもらっちゃおと思ったのですが、リンク先を細かく読んでいったらばけっこうブラウザチェックがめんどくさそうだと気づいてやめました。ブラウザがver upする度にコードを検証する手間を考えると萎えます。とはいえこの人たちの情熱「gifをとにかく使いたくない！」というコダワリには美学が感じられます。美しい。

これのコードやチュートリアルは以下のリンクにあります。気に入ったらcssとjsをダウンロードして使わせていただくこともできます。

『css』カテゴリのエントリ

• cssファイルにphpを記述するという技法（未検証）
• CSS :: height:1pxのボックス要素をつくるには
• CSS :: font-sizeについて考えよう
• cssで画像をプリロード

コメント・プリーズ！

お名前 (your name)

(required)

url

(optional) ※公開されます。

メールアドレス (email)

(optional) ※公開されません。管理者にだけわかります。

コメント (comment)

(required)

 クッキーにお名前、url、メールアドレスを保存する。

※クッキーに保存すると次回から入力を省略できるので便利ですが、お使いのコンピュータに情報が残りますので、公共のパソコンなどからアクセスするような場合はチェックをはずしたほうがよいでしょう。

※コメント中のhtmlタグは実体参照に変換されます。たとえば、『<』は『&lt;』というかんじになりますのでhtmlタグをそのまま書き込んでくださってオッケーです。

ADD YOUR COMMENT! / コメントする