タグ

ブックマーク / designcolor-web.com (3)

  • 日々の業務やWeb制作に役立つ!おすすめChromeプラグイン12 - Design Color

    また、以前に書いた「Any.do」の記事はこちらです。併せてどうぞ! おすすめタスク管理ツール「Any.do」を紹介!リマインド機能やスマホとの連携が便利 | Design Color 以前に書いた「Any.do」の記事 ブラウザの開きすぎにご用心!「The Marvellous Suspender」 追記 以前は「The Great Suspender」を紹介していましたが、マルウェアが含まれているとして、Chrome ウェブストアから拡張機能が削除されてしまったため、代替の拡張機能である「The Marvellous Suspender」を紹介しています。 作業中、調べ物などをしていてついついブラウザを開きすぎてしまい、PCが重くなってしまった経験ありませんか?このプラグインを入れておけばアクティブでないタブを停止状態にすることができます。 停止までになる時間を「5分」「15分」「30

    日々の業務やWeb制作に役立つ!おすすめChromeプラグイン12 - Design Color
  • たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color

    もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし

    たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color
    ji_ku
    ji_ku 2014/06/17
  • ポータルサイトのデザインをする時に意識したこと5つ - Design Color

    もくじ グローバルメニューを埋れさせない 色を使いすぎない 余白を空けすぎない 囲み線を多用・強調しすぎない サムネイルに黄金比や白銀比を使ってみる 1.グローバルメニューを埋れさせない ポータルサイトは情報量がとても多いです。ユーザーを迷わせないためには、画面が遷移しても変わらずそこにいてくれる「グローバルナビゲーション」は頼りになる存在です。それが他の情報に埋れてしまってはもったいないですよね。なので、デザイン時にはまずこの子に注目してみました。 白抜きのメリット 色々なサイトを観察していると、ナビゲーションバーに白抜きを使っているサイトが多く見られました。 調べてみたところ、白抜きは小さな文字でもやや大きく見えるというメリットがあるとか。なぜなら、白は「膨張色」だからです。 膨張色とは明度が高いことから、他の色に比べて膨らんだり広がったり錯覚する色のことです。白や明度の高い暖色系が膨

    ポータルサイトのデザインをする時に意識したこと5つ - Design Color
    ji_ku
    ji_ku 2012/07/30
    Bylineから http://designcolor-web.com/2012/07/30/portal-site-design/ポータルサイトのデザインをする時に意識したこと5つ お久しぶりです!彩です。ここ最近ポータルサイトのデザインをする機会がありました。ブログなどのデザインとは
  • 1