CSS3だけでつくるWebボタン！押さずにはいられないボタン簡単3ステップ
インターンシップにきています。 こんにちわ。(・`д・ノ)ノ 面白法人カヤックでインターンシップ中のどうもぽんたです。 先週、鎌倉本社から自由が丘支社に移りました。 自由が丘に来たのは初めてなので、「丘ないなぁ。」って思いました。 そしてこちらはインターン研修で、書いているエントリーです。 どうか柔らかいまなざしで見守って下さいませ！ 今回は画像を使わず、CSS3だけでWebボタンをつくる方法を紹介したいと思います。 といっても僕自身つくったことがないので、一緒に挑戦しましょう！！ つづきからどうぞ！ すごいよ！CSS3 ≫ CSS3のみでつくっているボタンを紹介している凄いサイトがあります。 ラムネのようなテイストのボタンですな。 これを画像なしでつくってるっていうからスゴイ！ ここまでレベルの高いボタンはつくれないので、 基本重視のシンプルなCSSボタンをつくろうと思います。 まずはC
フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
かっこいいメニューバーが簡単に作れちゃうジェネレータ「MenuBuilder」*二十歳街道まっしぐら（FC2ブログ時代）
「MenuBuilder」はメニューバーを作ってくれるジェネレータです。 グラデーションやマウスオーバーも実装できます。 色を選んで、パターンを指定したらおしまい！ 簡単すぎ！ 画像およびHTML（CSS）もダウンロードできるので、使い回ししやすいです。 以下に使ってみた様子を載せておきます。 まず「MenuBuilder」にアクセスします。 メニューはグラデーションになります。 上側がデフォルトで下側がマウスオーバーのときです。 そしてお次は、メニューのパターンを指定します。 あと、横に並べるのか、縦に並べるのかも選択しましょう。 「Generate&Preview」すると、最上部で仕上がりを確認できます。 「Download」ボタンをクリックすると、画像とHTML（CSS）を一括でダウンロードできます。 HTMLファイルを開くと、このように先ほど作ったメニューが実装されています。 HT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ボタン作りの手間を削減！CSSボタンデザインジェネレーターまとめ
