[B! API] zipzap-waveのブックマーク

jQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせる

VimeoのAPIとjQueryを使用したサンプル。軽量なコードでLightbox風にポップアップさせる、という方法。Vimeo自体日本では全然使ってる方を見かけませんが、徐々に浸透すると嬉しいですね。便利だし。というか、僕が知らないだけで結構使ってる方もいるのかもｗ仕事じゃなくて個人で使いそうなのでメモ的に。VimeoのAPIを使って、リンクするだけでサムネを表示させてクリックするとLightbox風に表示される動画ギャラリー、みたいなものを簡単なコードで実装します。 Vimeo Gallery こんな風にサムネイルがギャラリー的に表示されてこんな風にLightbox風にポップアップさせます。以下サンプル。 Sample IE7以下にも手抜きハックで対応させました。もっとちゃんとやれば素敵になるんじゃないですかね。コード$(window).load(function(

zipzap-wave 2011/12/12

API
lightbox

リンク

Google Font APIを使ってフォントをランダムに変更する方法

さあ、フォントの数をかぞえろ！ささやかですが、KAYAC DESIGNER'S BLOGがリニューアルしました。せっかくのリニューアルなので、どうせなら遊んでみようと思いまして、表示するたびにフォントが変わる仕掛けを盛り込んでみました。このページをリロードしてみてください。ロゴやナビゲーションのフォントが変わってると思います。ということで、今回はその解説をしたいと思います。続きからどうぞ！今回はGoogle Font APIを使って外部フォントを読み込んでいます。使い方使いたいフォントを選びます。 Google Font Directory 詳細画面でいろいろチェックできて便利ですね。使いたいフォントが見つかったら「Get the code」をクリックしましょう。この画面に書いてあるCSSを設定すればフォントが適用されます。簡単すぎてびっくりしますね。フォントをラ