タグ

2015年1月4日のブックマーク (2件)

  • Illustrator CCで寸法線とかフォント指定などの情報をサクっと描けちゃうSpecctrが最強!|DTP Transit

    Illustrator CCで寸法線とかフォント指定などの情報をサクっと描けちゃうSpecctrが最強! Fireworksの機能拡張として開発されていた「Specctr」(スペクター)が、なんとIllustrator CC対応になっています。 Specctrを使うことで次のことが可能になります(単位は選択している単位の種類に依存します)。 選択したオブジェクトの幅、高さを計測して寸法線として描画する 2つのオブジェクトの間隔を計測して寸法線として描画する オブジェクトを1つだけ選択しているときには、アートボードの上と左からの距離を計測して描画 選択したオブジェクトの塗りや線、不透明度などの情報を描画する 選択したテキストのフォントフォントサイズ、塗りなどの情報を描画する Web制作を行われている方なら説明不要だと思いますが、カンプなどを作成するとき、ビジュアルデザイナーからコーダーへの

    Illustrator CCで寸法線とかフォント指定などの情報をサクっと描けちゃうSpecctrが最強!|DTP Transit
  • Skeleton - レスポンシブサイトを構築するためのベースデザイン MOONGIFT

    レスポンシブなWebサイトを作ろうと思った時、一からすべてを設計するのはとても大変です。とはいえ既存のフレームワークはUIウィジェットを含んでいたりして余計なしがらみが発生してしまう可能性もあります。 そこで使ってみたいのがSkeletonです。ごく基的なレスポンシブ構造だけを提供するCSSフレームワークです。 Skeletonの使い方 こちらがデモページのトップです。 デザインのデモ。スマートフォンアプリのランディング風。 3つのグリッドを分けて表示。 画像のレスポンシブにも対応しています。 幅を狭めるとこうなります。 先ほどの3段カラムは縦に並びます。 画像も縦です。 グリッドはよくある12カラムで構成されています。 タイポグラフィ。 ボタン。 フォーム。 リスト。 コード。 テーブル。 Skeletonはごく基的な機能、部品だけを提供します。このままサイトに適用するということは

    Skeleton - レスポンシブサイトを構築するためのベースデザイン MOONGIFT