designとtipsに関するkat_cloudairのブックマーク (3)

  • jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳

    もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

    jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
  • 読みやすい文章を書くための技法 - RyoAnna

    『坊っちゃん』自筆原稿 読みやすい文章とは、流れるように読める文章だ。難しい言葉はいらない。気のきいた言葉もいらない。文頭から文末まで振り返ることなく読める文章が、最も美しい。 読みやすさの基準は客観的なものだ。読み手には様々な人がいる。老若男女すべての人に対して読みやすい文章を書くのは難しい。ただ、綺麗な文章を書こうとする意識は持ちたい。 文章を書く上で意識すべき技法を紹介する。 常体と敬体 常体とは「だ・である」調の文章であり、敬体とは「です・ます」調の文章を指す。それぞれにメリットとデメリットがある。 常体は、自分の意思を力強く伝える事ができるが、我の強い文章になる。敬体は、優しい印象で共感を得やすいが、まわりくどい文章になる。 常体と敬体を織り交ぜて書く手法もある。まずは自分で試してみて、書きやすい文体を見つければいい。 文章の始まりは短く 最初の一文は短いほうがいい。インパクトが

    読みやすい文章を書くための技法 - RyoAnna
  • Illustratorで文章を扱うとき(文字組版) - DTP Transit

    Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置(行頭行末揃え/ジャスティファイ) 禁則 文字組み(約物前後や和欧間のスペースの設定) 逆を言えば、Illustratorではポイントテキスト(文字ツールでクリックして入力したテキストオブジェクト)を前提としています。 デフォルトの[行送り]は、文字サイズの175%に設定されています。「(14.4pt)」のように()付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日語では150-190%程度に設定します。 [段落]パネルの[均等配置(最終行左揃

    Illustratorで文章を扱うとき(文字組版) - DTP Transit
  • 1