corner.js (with IE 6/7 support)
corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. CVI-lab: Get a fast impression of the effects and their illu
RUZEE.Borders - Steffen Rusitschka’s Place in the Web
Coding, Consulting, DevOps Web, Cloud, Scalability RUZEE.Borders has been replaced by RUZEE.ShadedBorder. RUZEE.Borders, formerly known as RuzeeBorders, is the first and only JavaScript library for rendering shadows and anti-aliased rounded corners inside a web browser without the designer needing to create background images. You can easily include it into your web site/blog etc. with only minor k
てっく煮ブログ - JavaScript の角丸ライブラリまとめ
JavaScriptJavaScript の角丸ライブラリについて調べていたら、RUZEE.Borders というのを見つけました。こいつがかなりすごかったのですが、ついでに他の角丸ライブラリとも比較してまとめておきます。どれも画像は使用せず、div タグなどをいっぱい作成して丸く見せている力技のライブラリです。他にもいいのがあったら教えてください。Nifty Cube→サンプルNifty Corners の後継。9KB (+CSS 2KB)角のサイズは 10px, 5px, 2px の３つから指定border は指定不可能 (div の入れ子により border っぽく見せることはできる)背景画像への対応不明CSS セレクタ(一部)で指定可能transcorners→サンプルは transcorners のサイト上部mootools 必須。prototype.js との組み合わせムリ（た
WEBデザイン BLOG: 456bereastreet発-フレキシブルな角丸ボックス表示について
456bereastreet-CSSで様々なクリップを紹介しているサイトです。最近はここのサイトを何度も読み直していろんなCSSを把握しよう頑張っています。 つい最近もjavascript制御での影付き角丸ボックスのソースを公開していました。あとは、pullquotatをjavascript制御でブロック要素で抜き出して表示するソースなんかも紹介されています。 456bereastreet http://www.456bereastreet.com/ こちらのブログもMovable Type[ムーバルタイプ]で構築されています。ページ構成やレイアウト・デザインなど参考にしてみるのもいいかと思います。 角丸ボックスといえば、表示方法にもいろいろとあります。私は最近ではNiftyConer（javascript制御）を使うようにしています。その前までは、Rico（javascript制御）を使
CSS Rounded Corners 'Roundup' | Smiley Cat Web Design
This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one to choose. To that end I’ve provided some more information about each method in order to help people choose which best fits their needs. Some of these techniques use CSS and one or more background images, some use CSS, JavaS
jigelog » mootoolsで角丸 - Transcorners
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』:phpspot開発日誌
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 2006年10月01日- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。 次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。 大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。 この
jQuery Corner Demo
This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid
jmblog.jp - 角丸にチャレンジ - JavaScript編
今回は、画像を使わずに JavaScript だけで角丸を実現させる方法を紹介します。 角丸を表示するための JavaScript ライブラリは数多く存在します。その中からいくつかピックアップしてみました。 » Nifty Corners Cube 有名な Nifty Corners の最新バージョンです。恐らく、これが角丸用ライブラリの元祖じゃないでしょうか。初めて見たときは、「こんなことが画像なしでできてしまうのかー！」とびっくりしました。まだご存じない方も、サンプルを見ればきっと驚くはず。使い方もすごくシンプルです。どういう仕組みになっているかは、最初のバージョンのページに詳しく解説があります。 » curvyCorners アンチエイリアスが売りのライブラリ。背景に画像があってもきれいに見えます。（デモ） » Mochikit Ajax なエフェクトや UI を実現させるための J
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
