Photoshopでの作業がはかどる！ウェブデザイン（特にスマフォ）用の効果的な環境設定のまとめ
Photoshopでウェブページやスマフォページのユーザインターフェイスをデザインする時に、最も良い結果がでる最適な環境設定を紹介します。 最後の「作業のパフォーマンスを向上させる設定」はウェブデザインに限らず、Photoshopの動作がもっさりしている人は見直してみてください。 How To Set Up Photoshop For UI Design 下記は各ポイントを意訳したもので、画像は当方のPhotoshop日本語版です。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外の多くのブロガーからあのブログでの無断翻訳・転載の声を聞くのでご注意ください。 環境設定はiPhone用を例にしていますが、基本的なポイントは全てのウェブデザイン作業に適用できます。 新規ドキュメントの設定 スナップの設定 テキストの設定 光源の設定 グリッドの設定 画像を書き出す時の設定 R
サイトをスマホ対応した時に意識したこと5つ - Design Color
もくじ サイト幅はリキッドレイアウト&リンク領域は大きめに 動画やGoogleマップも画面サイズに応じて伸縮するように なるべく画面遷移をしないように PC版のデザインでも見れるように 最後までスクロールした後のことも考える 1.サイト幅はリキッドレイアウト&リンク領域は大きめに サイト幅は基本的には320px想定で作っています。ですが、一言で「スマホ」といっても様々な解像度がありますよね。特にAndroidとか！しかも、スマホを横向きにするとまた解像度が変わってきます。 なので、ある程度どのサイト幅でも対応できるようにリキッドレイアウトで画面サイズに応じてサイト幅が変わるようにしています。 また、スマホは指で操作するため、リンク領域はなるべく大きめにするよう心がけました。（とはいえ、タグやはてブのリンクまでは大きくできなかったのですが）一部を除いては基本的にはリンク要素は「44px以上」
ガラケーをもっと売ってくれと言う人間が多数 : SIerブログ
1 ： オリンピック予選スラム(秋田県) 2013/08/03(土) 09:25:33.92 ID:6XDikvcy0 BE:1185123247-PLT(12001) ポイント特典 ある土曜日。従来型の携帯電話（ガラケー）からスマートフォンに乗り換えた40代のサラリーマン。週明けの月曜日にオフィスで女性社員から「あれっ、 課長スマホでしたっけ？」と聞かれ、「知らなかったっけ？」と得意満面に操作してみせる――。 これは、パナソニック製スマホ「ELUGA（エルーガ）P」（NTTドコモ）のテレビCM。携帯電話のテンキーを模した＜ケータイキー＞や、 文字入力時の変換候補に指を近づけると拡大表示してくれる＜タッチアシスト＞など、スマホ初心者にもやさしい機能が売りとなっている。いわば「ガラケーっぽいスマホ」というわけだ。 実はいま、通話やメールなどシンプル機能に特化したガラケーの復権に期待する声が高
「スマホサイト必要ない」が8割超のアンケート結果にはいろいろ疑問が残ります
いろいろ疑問が残るアンケート結果だなぁ。 楽天リサーチを活用して、スマホユーザー100名に対し、スマートフォンからPCサイトとスマホに最適化したスマホサイトのどちらを活用しているかを尋ねたところ、実に8割以上が必要性を感じていないと回答したというのです。 Photo:Smartphone chat By Lars Plougmann このアンケートを実施したのは、有限会社いろはの代表・竹内謙礼氏。 これだけ読むと、スマートフォンサイトの全てに対して必要性を感じないという結果に見えてしまうんですが、どうもそういう感じじゃないんですよね。 ※スマートフォン所有者 ※インターネットで月に1回以上商品を購入したり、サービスを利用したりする人 ※画面を見て「スマートフォン専用サイト」と「PCサイト」の見分けがつく人 via. スマホ専用サイトは本当に必要か？ - 竹内謙礼の「経営コンサルタント」 上
使えるとレスポンシブWebデザインに便利なCSS
デフォルトのボックスモデルではwidth、heightの値にはpaddingとborderの値を含みませんが、box-sizingプロパティの値にborder-boxを指定すると、widthとheightの値はpaddingとborderの幅を含むようになります。 #box-sizing{ -moz-box-sizing: border-box; box-sizing: border-box; } 特にコンテンツの幅を指定するときや、Fluid Grid Systemを作成するときに計算が簡単になります。 例えば以下の図のような4カラムのGrid Systemで2カラム分の相対幅を求めるとします。 デフォルトの場合2カラム分の幅は60px×2+20px=140px、全体の幅は320pxとなるので、140÷320×100=43.75%となります。これにmarginやpaddingでガターの幅
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
