タグ

2014年3月14日のブックマーク (3件)

  • jqueryを利用したブログで使えるキレイめ画像拡大スクリプト「cloud-zoom」の使い方

    jqueryは↑Current Release(最新版)のところからMinified(スペース無し)の方を、右クリックの「名前を付けてリンク先を保存」でDLします。 ちなみにUncompressed(スペース有り)の方でも構いませんが、こちらは内容を理解するために見やすくスペースで区切られていて、その分ファイルサイズが大きくなっています。サイトを開くたびに読み込むことを考えれば、軽いMinifiedのほうがアップロードには適しています。 cloud-zoomは、サイト右側のFREE Download V1.0.2のところから左クリックでDLできます。 DLしたJsファイルとCSSファイルをWeb上にアップロードします。 FC2ブログにアカウントを持っていれば画像と同じ要領で簡単にアップロードできます。 ちなみに管理人のこのブログはGoogleBloogerですが、Bloogerはアップロ

    jqueryを利用したブログで使えるキレイめ画像拡大スクリプト「cloud-zoom」の使い方
    igakensk8
    igakensk8 2014/03/14
    [画像拡大][商品画像拡大]
  • OGP画像シミュレータ | og:image Simulator

    OGP画像シミュレータとは? FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 (2014年01月

    OGP画像シミュレータ | og:image Simulator
  • 半透過マルチアイコンやファビコン(favicon.ico)作成。ギザギザの無い美しい影を持ったアイコン作成がフリーでできます。

    PNG32bit(24bitアルファ付き)画像では、8ビット(256階調)の透明度が各ピクセルに割り当てられていますので、ドロップシャドウの部分も綺麗に再現されます。 GIFやPNG8ではアルファ値は1ビットですのでONまたはOFFの2階調しかありません。よって、透過を活かしたアイコンが作りにくく、どうしても汚い画像になってしまいます。 アイコンには 16x16 , 32x32 , 48x48 , 96x96 , 128x128 等の複数の画像を含めるようにしましょう。表示環境によって、より適した画像が表示されます。 ファビコンを作成の方へ: 16x16の画像を含ませて、ファイル名をfavicon.icoに変更すれば完成です(任意のファイル名でもOK)。 favicon(ファビコン)とはウェブサイトやウェブページに関連付けられたアイコンのことです。 faviconは日では「ファビコン」と

    半透過マルチアイコンやファビコン(favicon.ico)作成。ギザギザの無い美しい影を持ったアイコン作成がフリーでできます。