UI/UX

マウスオーバーでアイコンを表示する

最近はUIのことを仕事でやってるので、 どんなものがいいのかをいろいろ試している。 マウスオーバーでアイコンが表示されるようにしてみた。 (function($){ $('.post').mouseover(function(e){ $($(e.target).find('img')).css('visibility','visible'); })…

ユーザビリティのメモ

必要になりそうだから調べてみた。箇条書きだけど調べたことと思ったことを載せておく。 UI/UXだけと言うわけでもなく、サービス企画にも言えることだと思う。 文字サイズ ・見出し、コンテンツの文字サイズは同じにしない。優先順位をつける ・文字は読みや…

webサイトの高速化

webサイト高速化の方法をまとめた。制作者やクライアント側でできることのみに絞って調べたので、サーバ側についてはまた別の機会にまとめる。以下は実際に自分で計測したわけではなくて、確実に早くなると言えるわけではないけど知識として知っておくと役立…

lessでレスポンシブWebデザインのサイトを作るときに気をつけること

lessでコーディングしてるんだけど、ちょっとあれって思う所があったので書いておく。 lessでは変数を使うことが出きるようになってて便利。 こんなように書く。 @color: #4D926F; #header { color: @color; } h2 { color: @color; }で、レスポンシブWebデザ…

ウェブマスター向けガイドラインメモ

googleのウェブマスター向けガイドラインをしばらく見ていなかったので見てみた。 改めてこれは気をつけよう、というのはなくて、 普通はやらないような方法を取らなければ問題ない。 たとえばSEO目的でのサイト改変やクローラーに不正なレスポンスを返すな…

レスポンシブwebデザイン

これまでUI/UXというのは単純にレイアウト(配色、魅力的な写真やボタン、アイコンの配置)の話しだと思ってた。 でもふと思い立ち調べてみると奥が深いということがわかった。 きっかけはひとつのサイトをどうやってスマホやタブレットに対応させるか、 って…