ビヨンセ(Beyonce)が制作しているというニューアルバムに、ディプロ(Diplo)、スウィッチ(Switch)らエレクトロ・シーンから人気が出たアーティスト/プロデューサーたちが参加。さらに彼らと近い関係にあるグループ、スレイ・ベルズ(Sleigh Bells)もビヨンセとともにスタジオ入りしたという。 これはディプロが自身のブログで明らかにしたもので、メイジャー・レイザー(Major Lazer)名義で共にグループも組んでいるスウィッチ、さらにスレイ・ベルズのデレク(Derek E. Miller)とビヨンセの新作向けに曲を制作したという。ディプロは「オレとスウィッチはビヨンセのチームに(スレイ・ベルズの)アルバムを聴かせた後、NYのスタジオでデレクとビヨンセとトラックを作ろうとしてた。これが完成するかはわからないが、いい時間を過ごした」と投稿。スレイ・ベルズもTwitterでこの

古いMySQLからMySQL5の最新版にアップグレードする際の文字化けを防ぐバックアップ＆リストア方法 2011年01月18日- 古いMySQLからMySQL5の最新版にアップグレードする際の文字化けを防ぐバックアップ＆リストア方法。 つい先日、とあるサーバのMySQLのバージョンが相当古く4.1ということだったので最新GAの5.5.8にバージョンアップしました。 大幅なパフォーマンス向上やクラッシュリカバリの高速化など5.5系にアップグレードのメリットは大きいですね (詳しくは奥野さんのブログを参照) 尚、一つ前のGAである5.1系へのアップグレードにも使えます 尚、rpmパッケージでのアップグレード方法ではなく、ソースのコンパイルベースのアップグレードなのでご注意ください。(バイナリダウンロードでも使えます) その際に、データベースの移行をするため、mysqldumpを使い 高速にバッ

バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」 2011年01月19日- JQuery Plugin: imBannerRotater | GrasshopperPebbles.com バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」。 サイトに設置するバナーなんかを例えば5秒ごとに切り替えつつ、画像だけではなく、リンク先もちゃんと変えたい場合に使えるプラグインです。 限られたスペースを使い、複数のプロモーションを行うのに便利です。 デモはこちら 広告の画像ＵＲＬ，リンク先ＵＲＬはjsonで返すこともでき、サーバ側で広告データを管理することも出来ます。 jQueryで比較的綺麗で容易に実装できるのはいいですね。 関連エントリ 便利なjQueryプラグインいろいろ ナビゲーションのUIは

LinkDeck, Icon Pack シンプル白黒がいい感じのソーシャルアイコン37個セット「LinkDeck」。 37個それぞれに16,32,64,128,256 サイズがPSD形式で付いてます。 そこまで目立たせたくない場合にはよさそうなアイコンセットになっていますね。 ライセンスはCreative Commons Attribution 3.0。 関連エントリ 押してもらいやすそうな綺麗なボタンっぽいソーシャルアイコン集 選びたい放題のフリーのソーシャルアイコンセット色々 iPhone用アイコンみたいなソーシャルアイコン集「Social Network Icon Pack」

Webサービス「Android アイコン ジェネレータ」をリリースしました - Wizard-G 開発日誌 Androidアイコン作成に便利そうな「Android アイコン ジェネレータ」のご紹介。 ツールの使い方としては、白黒のアイコンを1枚用意してファイルをアップすればAndroidガイドライン通りのアイコンがダウンロードできるみたいです。 Android2.3以降にも対応しているそうです。 ブラウザ上で使えるので便利ですね。 関連エントリ Android上でPHPが動かせる「PHP for Android」 iPhone・Androidアプリ等に使えるアイコンセット総まとめ：2010 iPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組み色々

MyjQueryPlugins : jRating - Ajax rating system with jQuery 使いやすくデザインもよい星型レーティング実装jQueryプラグイン「jRating」。 デザインは次のように、綺麗な星のデザインになっており、個性が強すぎず、弱すぎずという感じで汎用に使えそうです。 isDisabledオプションを true にすると、星だけ表示して投票禁止にすることも出来るので、ログインユーザのみに限定したい場合なんかにも使えそうです。 更に次のような小さな星にすることも出来ます。 次のように、成功、失敗時のイベントハンドラを設定することも可能。 $(".exemple6").jRating({ onSuccess : function(){ jSuccess('Success : your rate has been saved :)',{ Horiz

画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」 2011年01月21日- pictureMenu 画像がダイナミックにスライドするメニューバー実装jQueryプラグイン「pictureMenu」。 マウスカーソルを合わせるとメニューの幅がニュイーンと伸びるUIが作れます。 動きがなかなかクールなので、うまく画像と組み合わせることでカッコいいサイト作りに役立てられそうです。 次のような比較的整ったHTMLコードを初期化する感じです。 デモはセンスがいいとは言えないかもしれませんが、工夫すればかなりカッコよく出来そう。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 ビローンと伸びるドロップダウンメニュー実装jQueryサンプル クールにアニメーションする色合い様々なjQueryメニューサンプル色々

jQuery hoverZoom - a lightbox and gallery alternative カーソルを合わせた際、その場で大きくズームさせられるjQueryプラグイン「hoverZoom」。 画像のサムネイルがあったとして、カーソルを合わせることでその場でアニメーションしながら拡大できるライブラリです。 その場で広がる感じでアニメーションして拡大されます。 ギャラリーなんかに実装する際の１つの選択肢として使えます。 関連エントリ LightBoxライクに同一ページ内の要素をポップアップするライブラリ jQueryベースのLightBoxクローン「prettyPhoto」 表示法が新しくセクシーなLightBox「SexyLightBox」 クールにアニメーションする角丸LightBox「prettyPhoto」

35 Illustrator Icon Design Tutorials - Web Design Blog ? DesignM.ag イラストレータで綺麗なアイコンを作るチュートリアル３５。 ベクターデータでアイコンを作ることで各サイズのアイコンを作る必要はなくなりますね。イラストレータでアイコンを作るチュートリアル集です。 １つのスキルとして身につけておくと役に立ちそうです。 関連エントリ イラストレーターでWinXPのフォルダアイコン作成チュートリアル インパクトのあるアイコンをIllustratorで作成するチュートリアル集 立体的なサイコロ画像を描画するイラストレーターチュートリアル iTune用アイコン作成チュートリアル

50 Extremely Beautiful Photoshop Patterns for Elegant Designs | PSDFan サイトの背景に使うと印象を際立たせられそうな50のPhotoshopパターン集。 次のような綺麗なパターンが紹介されています。 背景の変更は一番簡単なわけですが、背景だけでもかえると印象はがらりと変わるので最も効率的なサイトのイメチェン方法かもしれません。 関連エントリ 背景画像に使えるPhotoshopの背景パターン2000 じゅうたん風の美麗背景パターン素材集７０ 様々な背景パターン画像を入手できる「Shizoo」 シームレスな背景パターンを得られるサイト２７ 背景画像に使えるシームレスなパターン画像500種

streeme - Project Hosting on Google Code PCやスマフォでどこでも持ってる音楽を聴けるHTML5ベースの音楽サーバ「streeme」。 HTML5ベースということでiPhoneやAndroidでも使えるそうです。 サーバ側ではPHPとMySQLサーバが必要。iTunes の XML から読み出しを行えたりもするみたいです。 iPhoneでのアクセスのスクリーンキャストはこちら iPodっぽいUIで音楽を再生できるのが分かります。iPhone上のSafariで動きます デスクトップからのアクセスのスクリーンキャストはこちら ほんとにブラウザベース？というリッチなUIで音楽の再生ができる どこでもブラウザベースで音楽を聴きたい方は試してみるとよいかもしれません。 関連エントリ CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「Medi

複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」 2011年01月25日- jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイルを一括して選択。その後すぐアップロードが始まり、プログレスバーを通して進捗を表示、アップされたファイルのサムネイルも次のように表示してくれるという、ファイルアップロードのフルセットを提供してくれます。 アップされたファイルの横に表示されているごみ箱アイコンをクリックすればすぐさま削除も可能。 HTML5ベースなプラグインなのでFlashも不要です。 アップロードの受け口としてphpのソースも同

Zoomy | jQuery Plugin | E-Magnification 丸いレンズで画像をズームさせられるjQueryプラグイン「Zoomy」。 このプラグインを使うことで次のような効果が得られます。 レンズのＵＩも実にリアルです。 アパレル系なんかのサイトで商品のディテールを見せたい場合に使えそうなＵＩですね。 関連エントリ 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 画像をクールにズームできるJavaScript「Magic Zoom」 オシャレなサイトに使えそうな画像ズームが行えるjQueryプラグイン「Cloud Zoom」

Amazon EC2を使う前に知っておきたいこと色々。 仕事でEC2を使っているのですが、やって見る前に思い描いていたことと、実際にやってみると相違があったりしました。やる前に知っておくといいことをまとめてみました。 EC2を使う予定の方は参考まで。 それでは早速。 インスタンスの 32bit か 64 bit に注意する EC2では負荷が高くなったらハイスペックなインスタンスに変えればいいというのがありますが、32bitのOSイメージを64bitのインスタンスに入れることは出来ません。 最初はsmallインスタンス(最近ではmicro)から始まると思いますが、32bit でいうとハイスペックなもので High CPU のインスタンスまでになっています。それ以降は64bitなので、そこで環境を作り替えないといけなくなります。 とはいえ64bit環境はLargeからで安いとはいえないので、こ

ZEN - HTML5-CSS3 Audio Player HTML5＋CSS3でクールなオーディオプレイヤー「ZEN」。 Safari等で開いてみるとうまく表示されます。タップで音楽がアニメーションとともに表示されていい感じです。 注目すべきはＵＩのアニメーション部分ですが、CSS3を使ってこういうことが出来るというのは数年後のWEBがかなり楽しみです。 もっと凄い動きがウェブサイト上で出てきそう。 関連エントリ HTML5のオーディオプレイヤーを作るチュートリアル HTML5で実装するプレイリスト付きオーディオプレイヤー「AAP」

PHPでprint_rやvar_dumpよりリッチな折りたたみ出来る変数出力が出来る「kint」 2011年01月27日- kint - Project Hosting on Google Code PHPでprint_rやvar_dumpよりリッチな折りたたみ出来る変数出力が出来る「kint」。 ライブラリを読み込むと、d($var) 関数や、Kint::dump($var) メソッドが使えるようになります。 同様のライブラリは過去にありましたが、かなりリッチに表示してくれ、折りたたみも可能なので複雑な連想配列でも見やすくなります。 デモページ printデバッグな方は入れておくと便利かもしれません 関連エントリ print_rをより分かりやすくするprint_a PHPのprint_rを更に分かりやすく視覚的に表示する方法