タグ

2011年7月19日のブックマーク (4件)

  • Illustratorでの箇条書きの作り方(2)テキストボックス編|DTP Transit

    前回は、ポイントテキストの場合、今回はテキストボックスの場合です(テキストボックスの場合、前回のようにタブルーラーだけでは設定できません)。 こちらのテキストボックスからスタートします(tabなどは入力されていません)。 [段落]パネルの[左インデント]に文字サイズ(+α)程度の値、[1行目左インデント]に[左インデント]に入力した数値の負の値を入力します。 2行目以降が揃いますので、「・」の右側にtab記号を入力します。 タブルーラーの[位置]に、[左インデント]と同じ値を単位付きで入れて、enterキーを押します。 これできっちり揃います(タブストップの値は、単位換算されて表示されます)。 番号をハンギングするとき 次のような場合、誤りではありませんが、「9.」、「10.」、「11.」などを右揃えにすべきです。 この場合には、「9.」、「10.」、「11.」の前(左側)にtab記号を入

    Illustratorでの箇条書きの作り方(2)テキストボックス編|DTP Transit
  • semooh plugin sample site

    Index of Semooh jQuery Sample Site 画像 1.画像を切り替える(フェード) 2.画像を切り替える(フェード2) 3.画像を切り替える(サイズ、フェード) 4.画像を切り替える(スライド) 5.画像を切り替える(奥行き) 6.画像を切り替える(サイコロ) 7.画像を切り替える(シャッター) 8.画像を切り替える(カルーセル) 9.画像を切り替える(色々) 10.画像の一部分を拡大する 11.縮小した全景で画像を見る 12.画像をパノラマ風に表示する 13.画像を反射する 14.LightBoxを表示する 15.画像にマスク処理を施す 16.マウスオーバーで画像を拡大表示する 17.透過PNGをIE6でも表示させる スタイル 1.マーキーを滑らかに実装する 2.クリックできる範囲を広げる 3.要素の高さを最大のものに揃える 4.グラデーションを作成する 5.文

  • CSS3なら簡単! アニメーションするリングメニューを作る | CSS-EBLOG

    CSS3なら簡単! アニメーションするリングメニューを作る カテゴリ:CSS3関連 2011年7月19日 07:40 jsdo.itで公開したら意外と好評だったので、解説などを書いてみたいと思います。 ゲームなどにありそうなリングメニューを、CSSだけを使って実装した例です。下に実際の動くサンプルもあるので、ぜひ触って見てください。 ちなみに右の画像は、中央の「main」にマウスオーバーした際にアニメーションでメニューが出てくる瞬間の画像です。 デモ まずは下のサンプルをご覧ください。ちなみにアニメーションに対応しているブラウザのみ、アニメーションが実行されます。具体的には、GoogleChrome、Safari、Firefox、Operaです。 リングメニューをCSSで実装してみる - jsdo.it - share JavaScript, HTML5 and CSS テクニックの肝 今

  • Illustratorでの箇条書きの作り方(1)|DTP Transit

    Illustratorで箇条書きを組むとき、得てして次のようになっていることがあります。 箇条書きの行頭記号には「・」(中黒)を使う 「・」のある行とない行でツラが揃っていない これを修正したのが次の例です。 これを実現するには、次のように操作します。 行頭記号(ブレット)の入力はoption+8キーで行う(和文フォントには用意されていないことがあります) 行頭記号のある行では「ブレット+tabキー+文」、行頭記号のない行では「tabキー+文」のように入力 タブルーラー([タブ]パネル)を表示して、文字を揃えたいところに「左揃えタブ」を打つ フォントによっては、ブレットの位置をベースライン調整で若干上にずらした方がいいことがあります。なお、このようなインデント方法を「突き出しインデント」または「ハンギングインデント」と呼びます。 箇条書きの項目ごとにアキを挿入するには、ブレットのついて

    Illustratorでの箇条書きの作り方(1)|DTP Transit