たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） | Design Color

2014/06/09 664 users コーディング時 サンプル 小技 スマホサイト 1行

もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わ... 続きを読む

デザイン時に注意したい角丸の使いかた | Design Color

2013/02/12 606 users 最初 Web制作 機会 うち デザイン

私は以前からデザインに角丸を使うのが好きなのですが、「角丸をもう少し小さくして」と言われることがたまにありました。 最初の頃は「角丸が大きいほうがかわいいのに！」と思っていたのですが、Web制作を続けていくうちに、何故そう言われたのかがようやくわかってきました。 また、最近デザインに角丸を使う機会があったので、これを機に角丸の使い方について自分なりに考えてみました。 もくじ 大きな角丸はあまり使わ... 続きを読む

ポータルサイトのデザインをする時に意識したこと5つ | Design Color

2012/07/30 598 users ポータルサイト 備忘録 余白 デザイン サムネイル

お久しぶりです！彩です。ここ最近ポータルサイトのデザインをする機会がありました。ブログなどのデザインとはまた違うので、ポータルサイトのデザインは意外と難しかったです。 これを機に色々と調べたりしてみましたので、学んだことを備忘録として今後のために書き残しておきたいと思います。 もくじ グローバルメニューを埋れさせない 色を使いすぎない 余白を空けすぎない 囲み線を多用・強調しすぎない サムネイルに... 続きを読む

初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6含む) | Design Color

2012/05/29 1084 users Photoshop アレ web 最初 Cs6

Fireworks覚えなきゃ…！と思いつつ、未だに思いっきりPhotoshop派の彩です。 先日、会社でFireworks派の方と語っていた時に、「Photoshopは○○ができない！」ということを多く聞き、「アレ？」と思いました。「いやいや！できますよ？」と方法をお教えすると、「あー！そうなんだ！最初からこうなってたら嬉しいのに」とのこと。 多くが私がPhotoshopで作業する時に一番最初に設... 続きを読む