IDEA * IDEAドットインストール代表のライフハックブログ
電源ボタンの記号の意味と「直感的なデザイン」の重要性 - もとまか日記Ｚ
先日、家族でマクドナルドに行きました。久しぶりだったので息子も娘も大喜び。なんというか、あのお店の雰囲気みたいなのが好きみたいです。 お目当てはもちろん（？）定番メニューのハッピーセット。今はプリキュアグッズがおまけのようで、それが目的だったようです。 それはいいんですが、そのおまけにはスイッチが付いてまして、スイッチを入れると光って、夜だと凄く奇麗に光ってくれて、就寝タイムでもなかなか寝ようとしてくれない、結構迷惑なグッズですが、娘はすごく喜んでました。ありがとうございます。 で、息子がある疑問をもち、質問された内容が以下。 あれ？○で電気がつかないね・・・・この（電源）スイッチの、○と｜（の記号）ってどういう意味？？ 電源のオン、オフの意味なのはもちろん分かるんですが、私も、パッと頭に思い浮んだのは「○が明るくなる」というイメージ。でも実際には、「｜」で電源がオンになってます。 これは
[CSS]シンプルで使いやすいGitHub風のボタンを簡単に実装できるスタイルシート
GitHubスタイルのシンプルで使いやすいボタンをclassの指定だけで簡単に実装できるスタイルシートを紹介します。 CSS3 GitHub Buttons [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページはボタンの文言を日本語にし、シンプルしたものをアップしました。 デモページ（当方日本語化） 普通のボタン 注意を促すボタン 大きいボタン グループ化したボタン グループ化したものをまとめたボタン アイコンを伴ったボタン 対応ブラウザ ライセンス 普通のボタン 普通のボタンは、a要素、button要素、input要素などあらゆる要素で作ることができます。 ボタンを作るためには、「class="button"」を加えるだけです。 デモページ（当方日本語化） <a href="#" class="button">Post comment</a> <input class="
最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
nextwise.jp
新着記事
