タグ

tipsとimageに関するwebbingstudioのブックマーク (5)

  • YouTube動画のサムネールを取得する - hello, world.

    http://www.youtube.com/watch?v=2zxL_va72gk という動画があったとすると、この動画のIDは、 「2zxL_va72gk」ですな。 んで、 http://i.ytimg.com/vi/動画のID/〜.jpg と指定するとサムネール画像を取得できるよう。 W:120 x H:90 ( default.jpg, 1.jpg, 2.jpg, 3.jpg ) http://i.ytimg.com/vi/2zxL_va72gk/default.jpg http://i.ytimg.com/vi/2zxL_va72gk/1.jpg http://i.ytimg.com/vi/2zxL_va72gk/2.jpg http://i.ytimg.com/vi/2zxL_va72gk/3.jpg W:320 x H:240 ( 0.jpg ) http://i.ytimg

    YouTube動画のサムネールを取得する - hello, world.
    webbingstudio
    webbingstudio 2013/02/05
    Youtubeのサムネイルを取得するURLについて。
  • [CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック

    テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 Replacing the -9999px hack (new image replacement) [ad#ad-2] 画像置換:-9999px 改善したテクニック 画像置換:-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「text-indent:-9999px;」でテキストを見えない位置にし、見出しとなる画像を背景画像として表示します。 #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p

  • 使えるギャラリーにする方法

    WordPress のギャラリー機能使っていますか? 使いにくい WordPress のギャラリーをちょっと使えるようにするカスタマイズです。 ものすごく長くなってしまいました ... できるだけ簡単にまとめてみたので興味があるひとはぜひ読んでみてくださいね! Webサイトで写真を一覧表示したいときに、よく使われているギャラリー。WordPress のテーマにも、Webサイト全体をギャラリーみたくするものも、数多くありますよね!でも普段はブログや一般的な Webサイトとして使っていて、その中の数ページをギャラリーページとして使いたい … ってこともあると思います。 私の場合、ギャラリーを jQuery のプラグインと組み合わせて作成する事が多いので、WordPress のギャラリー系のプラグインは使ってません(おすすめのギャラリー系、画像管理系のプラグインがあったら教えて欲しいです)。 ま

    webbingstudio
    webbingstudio 2012/01/06
    WordPressのギャラリー機能は作成は簡単なのに、HTMLの融通がきかない。この記事を参考にすると好みのjQueryプラグインと連携できる
  • How to turn your photo into movie-like effect using Photoshop? « ebin

    What you need to have: Adobe Photoshop What you will learn: colour mood adjustments + depth of field effect + film effect PS: ⌘ key for Mac users / CTRL key for Windows users Colour mood adjustments 1. Adjust the Hue/Saturation: ⌘U/CTRL-U 2. Adjust the brightness and contrast: Menu > Image > Adjustments > Exposure… Depth of field effect 3. Duplicate current active layer by dragging it to the ‘crea

    How to turn your photo into movie-like effect using Photoshop? « ebin
    webbingstudio
    webbingstudio 2007/07/08
    普通の写真をPhotoShopで映画風に
  • Movable Type で画像関連カテゴリの一覧ページをサムネイル化し隊 < Mushline

    #759 Movable Type で画像関連カテゴリの一覧ページをサムネイル化し隊 Genre App Date 2005-12-28T23:59:33+09:00 画像系カテゴリを作って、デジカメ写真などをうぴる記事にはそのカテゴリを採用させる。てのが俺ルールなんすけど、画像カテゴリ一覧ページには画像のみがサムネイル形式とかででゅらでゅらでゅらーっと出て来て一目瞭然! てな感じにしたいっすよねえおやっさん。 いやそこで PhotoLog ですよ。Flickr ですよ。Web2.0 とやらですよ。いやいやいやしかし自スペースが余り余ってんのに他所様のスペースを借りるなんて勿体ねえ。そんな貧乏根性引きずりまくりな自分へ。 てゅー事でプラグイン漁ってえんやこらさっさとごにょってたら一応実現したので、以下その方法をメモっとくますよ隊長。な、Collect プラグイン。 Collect Plug

  • 1