yk_acのブックマーク / 2017年1月27日

yk_ac id:yk_ac

2017年1月27日のブックマーク (6件)

モバイルのUXデザインにおけるベストプラクティス
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。アプリはコンテンツやサービスを提供するための、今日（こんにち）の主流かつ確かな方法です。しかし、飽和状態の市場でユーザーを満足させ、その興味をつなぎとめるために、どうすればモバイルアプリは意義や価値のあるものとなるのでしょうか。この記事では、素晴らしいモバイルUXを作る鍵となる、UXデザインのための７つのヒントをご紹介します。１. 一つの画面につき、一つの操作ユーザーが情報を取得する際の努力を軽減する皆さんがデザインするアプリの画面では、ユーザーにとって最も価値のある一つの動作を助長するものでなければなりません。各画面を一つの目的だけのためにデザインし、Call to Action（行動喚起）は一つに留めましょう。こうすることで、ユーザーはアプリを理解・
yk_ac 2017/01/27
UX

UI

モバイル
リンク
kajiwara branding design - カジワラブランディング株式会社
2022年1月から福岡商工会議所の「魅力あるまちづくり委員会」が立ち上がりました。魅力ある社長の集まりにブランディングデザインのアドバイザーとして参加しています。福岡は、住みやすい。働きやすい。女性も多い。食べ物も美味しい街として日本では知られています。実際に、福岡を自画自賛する市民はなんと90%以上。ポテンシャルはある。人口も地価も投資も少しずつ増えている。しかし何か足りない。皆さん共通の物足りなさを感じている。海外から見るとまだ、福岡の魅力は見えにくい。リブランディングの仕事を通じて相手の社長のお話や事業内容を知ると、良さが外から見えなくて、もったいないと感じる。同じように海外から見た福岡の魅力を磨く必要がある。「魅力あるまちづくり委員会」の課題に対してどのような方向性に導くのか。委員の皆様と共に現在、霧の中をさまよいながら楽しんでいます。そのようなタイミングで世界水泳2023のロゴを
yk_ac 2017/01/27
福岡

デザイン

logo
リンク
selectタグのスタイルをcssで整える方法と考察（IE7,IE8,IE9,IE10,～他モダンブラウザ） - ecocats
<select>のスタイリング（CSS）の記述とその内容について、記事にできるだけまとめました。調べる限り、たぶんみんな苦しんで、そして諦めていったんじゃなかろうか、と感じたので、ある一定までブレイクスルーできたかと思います。いまだに、IE7だのIE8だのの対応をしなければいけないことを、残念に思いながら。。。結論のソースを先に。 ■HTML <div class="input-type-select"> <select> <option>[*テキスト１*]をお選びください</option> <option>[バリュー１]</option> <option>[バリュー２]</option> <option>[バリュー３]</option> </select> </div> ■CSS div.input-type-select{ vertical-align:top; display:i
yk_ac 2017/01/27
select

css
リンク
フォームのセレクトボックスとチェックボックス・ラジオボタンをCSSで装飾する | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは制作の奥田です。お問い合わせフォームで、テキストフィールドやテキストエリアを装飾するのはとても簡単なんですが、セレクトボックスやチェックボックス・ラジオボタンの装飾はクロスブラウザの問題などでちょっとややこしいイメージをお持ちの方も多いと思います。しかし、IE8以前のサポート終了によりIE9以降の対応でよくなったのを期に、フォームをデザインすることが容易になってきました。せっかく良いデザインにしてもフォームの要素がデフォルトのままだとなんか残念な気持ちになりますよね？というわけで今回はCSSのみでフォームを装飾する方法をご紹介いたします。セレクトボックスの装飾まず、select要素の挙動を統一するため、要素をappearance: button;でボタン要素にしてしまいます。 select::-ms-expandでIEの矢印を非表示にします。 select:-moz-f
yk_ac 2017/01/27
select

form
リンク
CSSのappearanceを使ったセレクトボックスのカスタマイズ | design Edge
セレクトボックス（select要素）のデザインを、CSSのappearanceを使ってカスタマイズする方法のまとめです。つい先日、セレクトボックスをカスタマイズする機会があり、調べてみましたのでメモ代わりにまとめておきます。思いのほか、モダンブラウザでは見た目を整えることができるようなので機会があれば試してみてはいかがでしょうか。 <div class="select-box01"> <select> <option value="">セレクトボックス01</option> <option value="">選択肢01</option> <option value="">選択肢02</option> <option value="">選択肢03</option> <option value="">選択肢04</option> <option value="">選択肢05</option>
yk_ac 2017/01/27
select

CSS
リンク
最新版IEでセレクトボックスの矢印を消す - knowledge base
このような矢印です。 Chrome/Safari/FireFoxならば、次の方法で非表示にすることが可能です。 select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } ところが、IEではこの矢印のみが残ってしまいます。 IE10以上になってしまいますが、次の指定をすることで非表示にすることができます。 select::-ms-expand { display: none; }
yk_ac 2017/01/27
select

CSS

IE10

IE11

矢印
リンク
- 2017年1月28日
- 2017年1月27日
- 2017年1月26日