【WEBデザイン】の検索結果

Modern UIなWEBサイトをデザインをするときに覚えておきたい20色

徐々に流行を見せつつある、Modern UIなWEBサイトでありますが、デザインする時に困るのがベタ塗りに使う色だと思います。うまくはまると非常に見栄えがいいのですが、一歩間違えると自分のセンスを疑ってしまうくらいに見栄えが変わってしまいます。

どんな色を使用するのがいいのか調べていると、Windows Phone 8で使用されているテーマカラーというのを発見しました。
Read more

【スマートフォン】ページ読み込み時、自動でアドレスバーを隠すJavascriptを書くのはやめることにした

ここのところブログの大半をスマートフォンネタにしてきましたが、それだけスマートフォン用のページ・コンテンツを作る機会が増え、ニーズも高まってきているように感じます。

で、タイトルの件なんですが、これ書いてるとページの読み込み前からスクロールしてる最中でも、完了時には勝手に一番上に飛ばされてしまうんですよね。

今まで自分では、そうなることはわかってるから、
「読み込みまでスクロールせず待機→アドレスバーが隠れてからスクロール」
って、やってたんですが、知らない人にとってはなんで一番上に飛ばされるのかわからないという指摘がありました。

確かにそうだなぁと思いましたし、そもそも先にスクロールしてても勝手にアドレスバー隠れるんだから、そんなに意味ないんじゃないかなぁと思ったり。
iOS5未満のSafariやAndroid 2.1以下のブラウザがどうか検証してませんが、HTML5やCSS3の対応具合、ユーザー数を考えるとその辺はもう非対応機種でもいいのかなって気がします。

もちろん、どうしてもお知らせしたいことが一番上にあったり、WEBアプリだから消す必要があるなどの理由があるなら、書くべきだと思います。
書かないにしても、スマートフォン版googleはスクロールしてない場合のみ(pageYOffsetで判定?)、アドレスバーを隠すようにしてるので、それくらいは採用するべきかなぁと考えてます。

最近の各キャリアから出る携帯もスマートフォンの割合が多くなり、WI-FI環境で使えない人の割合も増えてると思うので、これを機会にみなさんも考えてみてはどうでしょう。

スマートフォン対応ページのデザインで気をつけたほうがいい4つのポイント

今までスマートフォン対応の小ネタばかり書いてきたので、ちょっとまとまった記事を書いてみました。
これまでのPC向けのWEBデザインの感覚とは違う部分があるので、これからスマートフォンのデザインをやるって人も、すでにやってる方も参考にしてみてください。
Read more

Retina display対応のデザインも幅320pxで作って問題ないんじゃないかという話

手順はこう。

  1. 新規ドキュメントで320*480(高さは好きな値で)のドキュメントを作成する
  2. すべての素材を大きめに準備して、Photoshopならスマートオブジェクト、Fireworksならシンボルに変換する
  3. 好きなようにデザインする(それぞれのツール内でアイコンなどを作るなら、シェイプ・ベクトルで素材を作る)
  4. 完成したら、画像解像度を2倍にする(大きい時の情報が残ってるのでボケたりしない)
  5. 画像を書き出してコーディング

今まで640pxで作ってて、偶数の値になるようにがんばって計算してたのがバカらしかった。
marginとかの余白の値もそのままでいけるのでオススメ。

Windows XPを初期化したので厳選してインストールしたソフトウェアとか拡張機能とかまとめ

ここのところ会社のパソコンを二度も初期化することがあったので、もうメモ取らないようにまとめ。
上から優先度が高い。会社でNOが出てるソフトは含まない。

ソフトフェア

  • Windows XP Service Pack 3(その他、Windows Updateをすべて行う。IEは6のままにしておいた。)
  • Adobe Creative Suite(Adobe製品どれか立ち上げて、「ヘルプ」→「アップデート」でアップデートを行う)
  • Google Chrome(メインブラウザ)
  • Firefox(Google Chromeの印刷が不満なので)
  • お好きなウィルス対策ソフト
  • Google 日本語入力(IME)
  • Microsoft OfficeまたはOpenOfficeまたは各Microsoft Office製品Viewer
  • プリンタのドライバ
  • 秀丸とかTera Padなどのテキストエディタ
  • フォントマスターとかフォントインストーラーSAKURAなどのフォント管理ソフト
  • XAMPP(テスト環境)
  • FlashDevelop(Flash開発)
  • msysgit(Git)
  • DIVX コーデック(コーデックのみインストール)
  • GOM PLAYER(FLV再生用プレイヤー)
  • CCleaner(パソコンのお掃除。ひと通りインストールしたらやっておく。)
  • Auslogics Disk Defrag(デフラグツール。ひと通りインストールしたらやっておく。)

Adobe Extension

詳しい機能は各ページで調べてください。

Google Chrome拡張機能

五十音順。

「Web開発してるのにこれを入れてないとか信じられん!」なんてソフトウェア・拡張機能などあれば教えて下さい。

Page 1 of 212

このページの上部へ