チェックボックス、ラジオボックスをオシャレに表示するJS:phpspot開発日誌
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists チェックボックス、ラジオボックスをオシャレに表示するJS。 次のようなチェックボックス、ラジオボックスにスタイルできるJSです。 <input type="checkbox" class="styled" /> のように、class="styled" で自動スタイルされます。 CSSを変更でデザイン変更可能です。 関連エントリ CSSデザインされたTextAreaサンプル inputのtype=fileをCSSでクールにスタイルするサンプル サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ
シンプルにクールで使用感のよいボタンを作るサンプル:phpspot開発日誌
Particletree Rediscovering the Button Element Creating a consistent interface for your users is a constant struggle for every application designer. シンプルにクールで使用感のよいボタンを作るサンプル。 次のようなボタン、あったらつい押したくなりそうです。 フラットなデザインで、押した感じが心地よいです。 単純に、ボタンタグで <button type="submit" class="positive"><img src="/images/icons/tick.png" alt=""/>Save</button> のように定義してスタイルしている感じで、マークアップとCSSが公開されています。 ボタン作成の際の１参考にできそう。
CSSを使ってファンシーなボタンを作成するテクニック:phpspot開発日誌
Make fancy buttons using CSS sliding doors technique This article will show you how to create fancy buttons using CSS sliding doors technique. CSSを使ってファンシーなボタンを作成するテクニック。 ２枚の画像を組み合わせて、横に伸縮するCSSボタンを作成するテクニックが紹介されています。 自由なサイズに伸縮可能 ボタンのテンプレートも色々 サイトパーツに便利に使えそう。 関連エントリ CSSでクールな3Dボタンを作ろう CSSでクールなINPUTフォームを作成するサンプル クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」 CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集
モダンなボタンの作り方 / ウェブデザインライブラリー
投稿日：2008年4月22日 レベル：初心者 ソフトウェア： このチュートリアルでは、モダンなボタンを描いてみたいと思います。 Step1 ： 新規ドキュメントの作成 Step2 ： 角丸長方形ツールの設定 Step3 ： ボタンのシェイプを作る Step4 ： ボタンのシェイプの設定 Step5 ： 新規レイヤーの作成 Step6 ： スタイルの追加 Step7 ： ボタンの完成 Step8 ： 新規レイヤーの作成 Step9 ： テキストの追加 Step10 ： 完成
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ボタン画像のPhotoshopのチュートリアル集 | コリス
