Photoshop やFireworks でボタンの背景画像をつくる。ここでは左右が10pxの角丸で、光沢感のあるデザインにした【1-1】。色調を変えてロールオーバー時 の画像もつくっておく。CSSスプライト（複数画像をひとつにまとめ、CSSのポジションで表示位置を指定する ...

ウェブサイトやアプリにおいて不可欠な要素である「ボタン」が、いかにしてデザインを変えてきたか、また効果的なボタンを作るために重要な要素について、ソフトウェア開発者のNick Babichさんが解説しています。 Buttons in UI Design: The Evolution of Style and Best ...

UIをデザインするうえで、 ボタンは欠かせない要素です。利用規約に同意するとき、 ユーザーにアクションをしてもらうとき、 何か項目を削除するときなど、 ボタンと一言で言っても利用するシーンによって使い方はさまざまです。 使い慣れている ...

アクセシビリティを考慮した、ページ全体のフォントサイズを変更できるボタンをjQueryで作成してみよう。今回は複数ページに渡って値を保持するためCookieを使用する。 今回は、ページを移動しても設定値が保存できるようにCookie を使用する。 そのため ...

Amazon.co.jp（以下、Amazon）は、この度、Amazon Dash Buttonが2017年 グッドデザイン賞、およびその中でも特に優れていると選ばれた、グッドデザイン・ベスト100（主催：公益財団法人日本デザイン振興会）を受賞したと発表しました。Amazon Dash Buttonは、自宅のWi-Fi ...

米Facebookは11月6日（現地時間）、2010年からWebオーナーに提供している「いいね！」と「シェア」ボタンのデザイン変更と「送信」ボタンの「シェア」ボタンへの置き換えを発表した。 変更は数週間かけて自動的に“ローリングアウト”する。サイズは変わら ...

「ボタン展 - 10人がおくる釦の展示会 -」がCASE galleryで開幕します。布地を留めるボタンに限らず、さまざまな「ボタン」が勢揃いします。 今回、「ボタン」と聞いたとき、かつてルーシー・リーが陶やガラスでボタンをつくっていたことをふと思い出しました ...