つくるぶガイドブログ: CSSボタンあれこれ
こんにちは、HTML+CSS担当の小森です。 Webサービスは、ユーザにアクションしてもらってナンボ。ボタンは、押されてナンボ。 ということで今日のお題は、Webサービスには欠かせない、「ボタン」です。 ボタンのデザインを変えるのに一番ポピュラーなのは、いわゆる「イメージボタン（<input type="image" />）」を使用することですよね。 今回はイメージボタンではなく、たとえばこんなプレーンなinputボタンを、CSSの組み合わせでデザイン変更するところからはじめてみたいと思います。 CSSだけでデザイン変更 まずは、このシンプルなボタンのHTMLを用意します。「button」というclassをつけておきます。 <input type="submit" name="search" value="検索" class="button" / > 画像を使わず、CSSの背景とbor
Wii風の角丸ボタンをCSSと画像で作成 - トーンコントロール
透過画像を有効利用 GIGAZINE で紹介されていた Wii 風の角丸ボタンを CSS で再現する Simple Round CSS Links（現在はページがなくなっています）が良い感じだったので利用しようとしたのですが、使われている画像と CSS のファイルサイズが大きいのが気になりました。そこで、ぐっとシンプルにしてみることに。 Wii Buttons のファイルサイズが大きいのは、ボタン画像の横幅の調節や、submit ボタンのオン・マウス処理など、いろいろと凝っていいるから。しかし、ボタンの横幅は固定で使うケースが多いので、このあたりの処理をごっそりなくて、必要最小限の処理だけに絞ります。 まずはボタン画像の作成から。ライン部分を透過処理するのがポイントです。このことより、画像ファイル一つでボタンのライン色を CSS でコントロールできるようになります。 ライン付きの画像を自分
波に乗るスマートフォン---Android編
2010年は、日本でAndroidスマートフォンが立ち上がった年になった。すでに2009年に初のAndroidスマートフォンHT-03Aが発売されてはいたが、iPhoneに比べてその存在感は薄かった。しかし今年、AndroidはiPhoneの対抗馬へと成長した。 3キャリアから出そろい、iPhoneの対抗馬に 口火を切ったのはNTTドコモである、ソニー・エリクソン・モバイルコミュニケーションズ製「Xperia」を2010年1月21日に発表した。続いてソフトバンクモバイルは3月28日に台湾HTC製のAndroid搭載スマートフォン「HTC Desire X06HT」を発表。KDDIは3月30日にシャープ製Android搭載スマートブック「IS01」を発表した。ドコモ、ソフトバンク、KDDIの3キャリアから一気にAndroidスマートフォンが出そろった。 異例ずくめのドコモ新Android端末
東証、復活への軌跡
東京証券取引所（東証）の取引システム「arrowhead」は、売買注文に1000分の2秒で応答するなど、世界最高レベルを誇ります。その実現に向けては、経営陣はもとより、システム部門やITベンダーのそれぞれが「必ず成し遂げる」という強い意志をもって望みました。その結束力の裏側には、2005年12月に発生した「みずほ誤発注事件」の存在があります。裁判にまで発展した同事件の教訓が、arrowheadには生かされています。 東証・最新システム「arrowhead」稼働 東京証券取引所（東証）が2010年1月4日に稼働させた新システム、それが「arrowhead」です。売買注文に1000分の2秒で応答するなど、処理スピードは旧システムの1000倍以上になりました。その能力は、開発着手時に掲げた目標値より5倍も速いのです。 ［IT Japan 2010］「ITをいかに使うかが、企業価値を左右する」--
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
