タグ

ブックマーク / blog.webcreativepark.net (6)

  • スマートフォンサイトをデザインする上で知っておくべき10のTIPS

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

    スマートフォンサイトをデザインする上で知っておくべき10のTIPS
  • MTの画像挿入時に rel=

    MTの画像挿入時に rel="lightbox"を挿入する「LightBox2MT」プラグイン 自分用に作成したプラグインですが一応公開しておきます。 サムネイルを作成して画像を挿入した際に以下のようなリンクが挿入されますが、 <a href="元画像"> それを以下のように「 rel="lightbox"」を追加した形に変更します。 <a rel="lightbox" href="元画像"> lightboxをご利用されている方は作業の効率化の為にご利用ください。 LightBox2MTのダウンロード(v1.01) 解凍したLightBox2MTフォルダをmtディレクトリ内のpluginsにアップしてください。 LightBoxの利用方法は以下を参考にしてください。 Lightboxを使い画像を拡大表示する。 jsファイルは絶対パスで読み込まないとアーカイブによってはlightbox化さ

    MTの画像挿入時に rel=
  • 知っておきたい15個のCSS TIPS

    知っておきたい15個のCSS TIPS IN THE WOODSでまとめられている15 CSS Tricks That Must be Learnedを紹介します。 原文は素敵なイラスト付きで解説されていますので、合わせてチェックしてください。 positionがabsoluteの要素をpositionがrelativeの要素の中に入れる positionがrelativeを指定した要素の中にpositionがabsoluteを指定した要素を入れることにより、計算した場所に配置することができます。 参考:positionプロパティの考察 z-indexによる配置 z-indexを利用する場合は、「position:relative」と共に利用することにより要素の重なり順を制御することができます。 margin auto widthを指定した要素の左右にmargin:autoを指定すると中央

    知っておきたい15個のCSS TIPS
    kyaraway
    kyaraway 2008/12/04
  • いまWebディレクターの周辺では

    いまWebディレクターの周辺では STOPN' LISTENを運営している鬼頭さん(ペタビット株式会社)のセミナー『いまWebディレクターの周辺では-最前線の課題と、そして成功へのルートとは-』に行ってきました。 ディレクターという職業は、組織によって役割が異なる為、他の組織の方のディレクション術はほんとに参考になります。 ディレクターとは? 『ディレクターは監督です。』 ユーザー、クライアント、デザイナー、PG、営業など様々な人を管理しプロジェクトをスタートからゴールまで正しい方向に導く職業。 Webディレクターの必須スキル-コミュニケーションスキル ディレクターにもっとも必要な能力。 抽象的な事象、指示をつかわずに日語で具体的に指示できてこそのディレクター。 Webディレクターの必須スキル-マネージメントスキル 無理なことを実現するのではなく、『計画の段階でむりはしない』のがディレク

    いまWebディレクターの周辺では
  • WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました

    WEB製作者の為のSEOチートシート SEOmozで配布されているSEOチートシートが素敵ですので日語にしてみました。 重要なHTML要素 title要素にキーワードを含みましょう。 h1,h2,h3要素にキーワードを含みましょう。 b要素、strong要素でキーワードを包みましょう。 img要素のalt属性、ファイル名にキーワードを含みましょう。 a要素のtitle属性、アンカーテキストにはキーワードを含ませましょう。 a要素のnofollowを上手に使いましょう。 インデクシングに関する限界 ページのファイルサイズは150KB以下にしましょう。 ページ内のリンクは100個以内にしましょう。 title要素は70文字(半角)以内にしましょう。 meta要素のdescriptionは155文字(半角)以内にしましょう。 URLの含まれるパラメーターは2個以内にしましょう。 ディレクトリの

    WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました
    kyaraway
    kyaraway 2008/05/04
  • ブロックレベル要素の高さを揃えるheightLine.js[to-R]

    ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja

    ブロックレベル要素の高さを揃えるheightLine.js[to-R]
  • 1