ドラッグ&ドロップでファイルのアップロードを可能にするJavaScriptライブラリ – creamuKunitaka Kawashimo アートディレクター・デザイナー・フォトグラファー。株式会社クリーム代表取締役。グラフィックデザイン／Webデザイン／撮影の仕事のご相談・ご質問は、お気軽に以下までご連絡ください。info@creamu.co.jp
HTML5のvideoタグをモダンブラウザで有効にする方法 – creamu
HTML5のvideoタグは、以下のように記述します。 <video id="movie01" width=”300″ height=”400″ autoplay loop> <source src="movie01.mp4" type="video/mp4" media="all"> <source src="movie01.webm" type="video/webm" media="all"> <p>このブラウザではビデオを再生できません。</p> </video> mp4とwebmでほとんどのモダンブラウザで再生できるようですが、Firefox（確認version:17）はmp4を再生できず、さらにwebmがデフォルトでは認識できず再生できないため、.htaccessに以下を記述し、動画ファイルであることをサーバに認識させます。 2行目はogvが必要な場合に記述。 AddType
jqueryrotate – 画像を回転させられるjQueryプラグイン – creamu
jqueryrotateは、画像を回転させられるjQueryプラグインです。 ループでずっと回すことができたり、hover時に360度回転させることも可能なようです。 jqueryrotate
CUSTOM DROP-DOWN LIST STYLING – ドロップダウンメニューをカスタマイズするコード – creamu
CUSTOM DROP-DOWN LIST STYLINGという記事で、ドロップダウンメニューをカスタマイズするコードが紹介されています。 シンプルなフェードのアニメーションがあっていい感じです。 CUSTOM DROP-DOWN LIST STYLING
Adobe Edge Inspect 便利すぎる – creamu
気になっていたAdobe Edge Inspectをインストール。便利すぎます。 1. Adobe Edge Inspect をPCにインストール 2. Google Chromeの拡張機能をインストール 3. モバイルクライアントをデバイスにインストール（iOS, Android, Kindle Fire） 上記の手順で、Chromeに表示中のサイトを、iPhoneで見ることができます。タブを移動すると、iPhoneで表示中のページも切り替わります。 これはすごい。iPhoneでアプリを立ち上げっぱなしにしておくと、PCサイトのiPhone版を常に見ることができます。 Adobe Edge Inspect
BookBlock – 絵本をめくるような効果を与えられるjQueryプラグイン – creamu
Previous PostHorizontalNav - 水平メニューの各幅を全体の幅にフィットしてくれるjQueryプラグイン Next PostjQueryでカレントページのメニュー画像に"_current"を付加して、親要素のアンカーを削除する方法
THE – tween.jsの使われたモーションと余白の美しいサイト – creamu
THEは、水野学さん率いるプロダクトデザイン会社です。tween.jsが使われ、モーションと余白のとても美しいサイトになっています。 アイコンには、WebフォントであるWeb Symbols typeface、font-familyにはGeorgiaとヒラギノ明朝 Pro W3、構成は1ページのスクロール構成となっています。 THE WEB
groupToggle – チェックボックスのすべてをチェックを実装するためのjQueryプラグイン – creamu
groupToggleは、チェックボックスのすべてをチェックを実装するためのjQueryプラグインです。 githubで配布されており、ダウンロード後にサンプルデモが見られます。 groupToggle
Adaptor – 3Dライクなスライダーを実現するjQueryプラグイン – creamu
Adaptorは、3Dライクなスライダーを実現するjQueryプラグインです。 ボックスがくるっと回転するような動きなど、動きが滑らかでいい感じです。 Adaptor
MiniJs – CoffeeScriptで書かれたjQueryプラグインまとめサイト – creamu
MiniJsは、CoffeeScriptで書かれたjQueryプラグインまとめサイトです。 スライダーや通知バーなど、さくっと使えそうなUIが紹介されています。 MiniJs
PowerTip – シンプルでクールなツールチップを実装するjQueryプラグイン – creamu
PowerTipは、シンプルでクールなツールチップを実装するjQueryプラグインです。 上下左右斜めの方向の配置や、マウスに追随するツールチップの実装が可能です。 PowerTip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryとCSS3を使った円形の画像がフリップするスライドショー – creamu
Grid-A-Licious – レスポンシブに対応した、グリッドを敷き詰めるjQueryプラグイン – creamu
HorizontalNav – 水平メニューの各幅を全体の幅にフィットしてくれるjQueryプラグイン – creamu
サイトに音楽プレイヤーを付けられる「SPEAKKER」 – creamu
jQuery Slider plugin – iOSやAndroidで使えるスライダー – creamu
垂直・水平方向にスクロールしてページを切り替える演出を可能にするjQueryプラグイン – creamu
BlocksIt.js – Pinterestのようなレイアウトを実現するjQueryプラグイン – creamu
Portfolio Flipping Slider Using jQuery & CSS3 – ポートフォリオをくるくる回転させながら見せられるスクリプト – creamu
gridster.js – ドラッグ&ドロップで要素を並べ替えられるjQueryプラグイン – creamu