[B! jquery][角丸] blanc2005のブックマーク

[CSS]画像に美しい角丸とボックスシャドウを適用する方法

img要素で配置した画像にCSS3の角丸とボックスシャドウを適用をすると、Firefoxで角丸が反映されなかったり、Webkitブラウザでボックスシャドウが欠けたりします。これを解消するCSSのTrickを紹介します。 CSS3 Rounded Image With jQuery デモページ FirefoxとWebkitブラウザ（Safari）のそれぞれにCSS3の角丸とボックスシャドウを適用すると、上記のように美しく表示されません。それを下記のように美しく適用されるようにします。角丸とボックスシャドウをこういう風にしたい左：角丸と外側にシャドウ、右：角丸と内側にシャドウ CSS3で素直にスタイリング Firefoxでは角丸が適用されず、Safariではボックスシャドウが適用されません。

blanc2005 2010/07/03

リンク

角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」:phpspot開発日誌

Free javascript date picker - popup date picker for websites and web apps - javascriptcalendar.org 角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」が公開されています。次のように可愛いUIがいい感じです。カレンダーピッカーのデザインもいいものを使いたい際の１つの選択肢として覚えておくとよいかも関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」 jQueryを使ったカレンダー型、日付入力補完ライブラリ日付の範囲を入力する際に便利に使えそうなjQueryのUIプラグインこれは新しい日付ピッカー実装用jQueryプラグイン「calendarPicker」

blanc2005 2010/04/03

リンク

クールにアニメーションする角丸LightBox「prettyPhoto」:phpspot開発日誌

jQuery lightbox clone - prettyPhoto - by Stephane Caron Here's my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just not suiting my need.クールにアニメーションする角丸LightBox「prettyPhoto」。 jQueryベースで軽量でクールに動作するLightboxの紹介。次のようなクールな角丸型。 Lightbox同様、複数枚の画像をページ送りできるギャラリーにも出来ます。関連エントリ表示法が新しく

blanc2005 2008/11/19

リンク

[JS]画像を使用しないで角丸を実装するスクリプト -jQuery Corners | コリス

submit, buttonを角丸にしたデモ対応ブラウザは、IE6+, Fx2+, Op9+, Safari2+, Chrome, iPhoneとなっています。オプションでは、角丸のサイズ、アンチエイリアスの有無、角丸を適用するコーナーの指定などができます。スクリプトはjQueryのプラグインのため、動作にはjquery.jsが必要です。 Post on:2008年11月15日