jQueryでクールなボリュームコントロールを作成するチュートリアル
2012年07月18日-
スポンサード リンク
Creating a Volume Controller with jQuery UI Slider
jQueryでクールなボリュームコントロールを作成するチュートリアル。
次のようなAppleっぽいデザインのボリュームコントロールを作るチュートリアルです。
デモページ
ボリュームコントロールじゃなくてもこの作り方を覚えておけば、プログレスバーなり、１〜１００のパラメータ調整なり応用が効きそうです。
画像を使ったデザイン性の高い物を作っているので思ったデザインのコントロールは作れるようになりそうですね
関連エントリ
jQueryでクールなボリュームコントロールを作成するチュートリアル。
次のようなAppleっぽいデザインのボリュームコントロールを作るチュートリアルです。
デモページ
ボリュームコントロールじゃなくてもこの作り方を覚えておけば、プログレスバーなり、１〜１００のパラメータ調整なり応用が効きそうです。
画像を使ったデザイン性の高い物を作っているので思ったデザインのコントロールは作れるようになりそうですね
関連エントリ
スポンサード リンク
By.KJ : 2012年07月18日 10:06 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- CSSのみで実装された５００種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 約７５００種の汎用ピクトグラムアイコン集「Phosphor Icons」
- ほぼCSSで実装されたUIフレームワーク「Ellegant CSS」
- TailwindCSSベースの150種類以上のUIライブラリ「SailboatUI」
- 1700種類以上のSVGアイコン「MingCute Icon」
- 2000種類以上の汎用ピクトグラムアイコン集「Atlas Icons」
- かわいい手書き風フォント「うさぎとまんげつのサンセリフ」
- 過去のエントリ
