Making an Interactive Picture with jQuery | Build Internet IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル 室内のいい感じの写真をベースに家具を紹介するあのIKEAサイトのUIをjQueryを使ってクールに再現しているチュートリアルです。 単純な商品の紹介よりも、より商品を魅力的にみせることに成功していると思うのですが、これを自分でもやりたいという時に参考にできます デモページはこちら ECサイトを構築する際等に、いい仕事ができるかもしれませんね。 関連エントリ オシャレなECサイト構築用のWordPressテーマ30 PR: 全部入りECサイトを安価に構築できる「Live Commerce」が素晴らしい! Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ
超高速ギターリストがさらに速くなってた! むちゃくちゃ速すぎてやっぱり全然聞き取れねえ! 2011年6月15日 以前、世界最速のギター演奏についてお伝えしたのだが、そのギタリストの演奏がさらにスピードアップしていることが判明した。この男性は、今年3月に当時ギネス記録保持者の持つ記録の1.5倍の速さで、「熊蜂の飛行」という曲を演奏。世界中から注目を集めたものの、本人の意志でギネス申請をしなかった。その後にさらに腕を磨き、ついにギネス記録として認定されたのである。 米コロラド州のデンバーでギター教室を営むジョン・テイラーさんは、前記録保持者のブラジルのチアゴ・デラ・ヴェガさんの記録を破り、世界一の速弾きギタリストとして、世界中に名を轟かせた。 その当時チアゴさんの持っていた記録は、320BPM(1秒間に5.3音)であった。ジョンさんはその速さの1.5倍、500BPM(1秒間に8.3音)で演奏し
すべての音楽ファンに朗報! 聴き切れないほどのライブトラックが無料で試聴できるぞ! 急げ! 2011年6月15日 音楽を愛するすべての人に朗報だ。ライブコンサートの産みの親として知られるビル・グラハム氏の遺産が、無料でストリーミング配信されているのをご存知だろうか? 彼が制作に携わったロックミュージシャンたちのレアなコンサート音源を無料で試聴できるのだ。ジミ・ヘンドリックス、AC/DC、ジャニス・ジョップリン、ボブ・ディラン、ボブ、マーリィなど、配信されているアーティストの名を挙げると、キリがない。ロックだけでなく、ジャズやレゲエ、R&Bなどさまざまなジャンルの有名アーティストの音源が多数公開されているのだ。しかも超高音質。これがすべて無料なのである。 「宝」とも呼べる音源を無料で公開しているのは、「WOLFGANG’S VAULT」だ。このサイトは、現在のロックコンサートの礎を築いたビル
簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」 2011年06月15日- jLinkPreview 簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」のご紹介。 リンクを合わせたときにリンク先のイメージが分かるといいですが、それをjQueryプラグインの形で、簡単に実装できます。 サムネイル画像にはwimg.caというサービスが使われています。 サムネイル表示の例 使い方は以下のように初期化すればよいみたい。 画像のプレロードや、サムネイルサイズ(幅・高さ)、フェードや背景色など自在にカスタマイズできますね プラグインもそこまで大きくないため、サムネイルのプロバイダを変更するのもソースをちょこちょこっと変えれば対応できます。 関連エントリ テキストシャドウを自在にアニメーションさせられる
前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。 なので、これからはちょろっとでもネタが有れば更新していきたいなーと。 何をモチベーションに更新するかはまだ見つかってないけど>< さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。 【スマートフォン向け】新規でサイトを
「KAT―TUN」の亀梨和也(25)主演舞台「ドリームボーイズ」(9月3日初日、東京・帝国劇場)の製作発表が14日、都内で行われた。 今年は田中聖(25)中丸雄一(27)が共演し、公演期間限定で「KAT―TUN」を「勝運(かつうん)」に改名することを発表。3人はこの日朝、ジャニー喜多川社長から聞かされたといい、中丸は「僕たちもびっくり。笑顔を広げていければ」。亀梨は「もともとグループ名には“勝運”という意味も込められている。震災でダメージが残る中、帝劇から運を発信していきたい」と意気込んだ。 田中の弟でジャニーズJrの樹(じゅり、15)も出演。ライブ以外で初共演となる田中は「やりにくいですね」と苦笑いした。 【関連記事】 「KAT―TUN」メンバー5人そろってCM 仲間由紀恵“教え子”の成長に「うれしい!」 ついに“殿堂入り”亀梨&倖田にベストジーニスト 稲葉VS亀梨のガチン
2011年06月15日 ➥ 俺の作った江口愛実の方が絶対可愛い 160 comments ツイート 参考記事: AKB大物新人江口愛実 実は合成CGだった? (1/2) : J-CASTニュース 期待の大型新人としてグリコの「アイスの実」の広告に登場するAKB48の新メンバー、 江口愛実(えぐち あいみ)さんが、実は合成CGだったと受け取れる内容をメンバーがブログに投稿し、 ネット上で騒動になっている。 1:名無しさん@お腹いっぱい。 []:2011/06/15(水) 03:48:02.03 という方、うp!うp! 【ルール】 ・AKB、SKE、NMBメンのパーツで作ること ・パーツの構成要素は明かしても明かさなくてもおk ・作れない人はリクエストするのもまぁいいんでないの 【関連スレ】 逆江口をつくろう! http://hato.2ch.net/test/read.cgi/akb/130
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
「<div id="wrapper">」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。 デモページ ※スタイルにCSS3を使用しているため、この版はIE6には対応していません。後ほど紹介するシンプル版はIE6に対応しています。 「<div id="wrapper">」を使用しないでレイアウトをセンターに配置するスタイルシート 元記事ではスタディが段階ごとに紹介されていますが、ここではその最終段階を紹介します。 CSS:シンプル版 <!DOCTYPE html> <style> html{overflow: hidden; height: 100%; background: #c72;} body{overflow: auto; height: 100%; width: 600px; margin: 0 auto; /* center */ padd
ついに福島原発の作業員が、現場からTwitterでつぶやき始めたハッピー氏のツイートには現場の切迫した状況が伝えられている。 「4号機の耐震性は安全です問題ありませんって発表したけどふざけてる。評価した奴は…福島原発作業員がTwitterでつぶやく最前線の様子 6月15日00時20分 提供:EXドロイド Tweetmixiチェックコメントする0ブログに書く 写真を拡大 福島原発作業員がTwitterでつぶやく最前線の様子 ついに福島原発の作業員が、現場からTwitterでつぶやき始めたハッピー氏のツイートには現場の切迫した状況が伝えられている。 「4号機の耐震性は安全です問題ありませんって発表したけどふざけてる。評価した奴は今にも落ちそうな壁の真下で作業してみろって思う。俺達は4号機の廻りで作業する時は常に上を気にしながら緊張しながらやってるのに。壁が落ちた時はどんな言い訳が出るのやら
いつも超お世話になっております m(_~_)m ▼RSS取得有難うございます。▼ みんなの暇つぶし様 ニュー速VIPブログ様 あじゃじゃしたー様 まめ速様 ハムスター速報様 ゆめみがちサロン様 カオスちゃんねる様 インバリアント様 2のまとめR様 乙ちゃんねる!様 2ちゃん的韓国ニュース様 ライフハック ちゃんねる弐式様 ニュース2ちゃんねる様 ムズ痒いブログ様 2chコピペ保存道場様 ちゃんねるZ様 ▼記事紹介有難うございます。▼ NEWS PICK UP様 にゅーすなう!様 あにゅーる様 好き好き大好きっ様 HK-DMZ PLUS.COM様 ぷろとらドットコム様 1 名前:代行ID:sutS7iXEI :2011/06/12(日) 16:39:37.79 ID:thrRtZG3O どうしよう 5 名前:以下、名無しにかわりましてVIPがお送りします :2011/06/12(日) 16:
【画像あり】ドバイのモールすげえwwwwwwwwwwwwwwwwww Tweet 1:以下、名無しにかわりましてVIPがお送りします:2011/06/14(火) 10:47:08.24 ID:oPNTCSCQ0 何この迷宮・・・・ 外観 内装 店内地図(本館1フロアーでこの面積) 10:以下、名無しにかわりましてVIPがお送りします:2011/06/14(火) 10:51:35.62 ID:xES+sQnJ0 ドバイの成金丸出し感が好き 14:以下、名無しにかわりましてVIPがお送りします:2011/06/14(火) 10:54:27.87 ID:g8mIqy320 内装は普通だな・・・でもすげぇ金かけてるのが分かる 17:以下、名無しにかわりましてVIPがお送りします:2011/06/14(火) 10:56:19.01 ID:amEvDoJmO そしてどことなくバブリー 9:以下、名無し
北海道長万部のゆるキャラ「まんべくん」がtwitterでν速民に宣戦布告→全面戦争へ Tweet カテゴリニュース 1 :名無しさん@涙目です。(千葉県):2011/06/14(火) 22:41:00.61 ID:748JJuDb0 ?PLT(12001) ポイント特典 @manbe_kun まんべくん 全力で来いよ! RT @hasetti4989: @manbe_kun まんべくん2ちゃんねらーに目付けられたよ https://twitter.com/#!/manbe_kun/status/80559278414512128 @manbe_kun まんべくん 【全力か?】北海道のゆるキャラ「まんべくん」が初音ミクさんを呼び捨てし暴言を吐く http://t.co/Mkxe2KL via @addclips https://twitter.com/#!/manbe_kun/s
はじめに 最近、サーバサイドJavaScript環境であるnode.jsをいじったりしています。 node.jsはまだ書籍も出ていない新しい分野なので、情報収集の手段はインターネットがすべてになります。Webサイトやブログなどを読みながら勉強していくにつれて、node.js界のすごい人たちというのがだんだんとわかってきました。 そこで、これからnode.jsを勉強する人のために、日本におけるnode.js界隈のスーパーエンジニアたちをまとめてみました。彼らの代表的なエントリを書かせていただきましたが、これ以外にもたくさん有用なエントリがあると思いますので、ぜひ探してみてください。 @mesoさん twitter:http://twitter.com/#!/meso おすすめエントリ Node.jsについてのよくある誤解 - 自分の感受性くらい @sugyanさん twitter:https
OSX 10.6 Snow Leopardは、極めて安定した、信頼性の高い、快適なOSとなった。但し、ハードディスクから起動する環境において、その快適さを保つためたった一つ気を付けておくべきことがある。それは、スワップ使用領域の増加を極力抑えること。 スワップへのアクセスが頻繁に発生している時は、あのレインボーカーソルがぐるぐる回っている時である。どうしようもない操作レスポンスの低下に悩まされる。そんな状態に極力陥らないように、使っていないメモリを素早く解放する方法を模索してみた。 その1 フォルダ容量を計算する フォルダ容量を計算する過程でメモリが解放されることがある。それを利用した方法は、3つある。どれも仕組みは同じなので、どれか一つの方法を実行するだけで十分。 Finderを利用する方法 Finderで起動ディスクのルートを開いて、リスト表示にする。(command-2) 表示オプシ
ちょっと久々のJavaネタですが、 前から書き溜めていた、文字コードやエンコードについてのノウハウを書きます。 今回は、詳細な説明に入る前に、前提になる知識や用語について説明しておきます。 文字コードとエンコードって違うの? 新人くん「では、HTMLの文字コードはUTF-8でお願いします」 先輩社員「文字コードじゃなくてエンコーディングでしょ?」 新人くん「えっ。あぁ、はい、それで」 文字コードとエンコード(エンコーディング)を混同して使ったりすると、 ちょっと原理主義的な人に怒られたりするんですけど、 大まかに言えば、「文字コード」は文字に割り当てられた「数字」のことで、 「エンコード」は文字と数字をマッピングする「方式」のことだと捉えていれば、大きくは外れません。 ただ、「文字コード」という言葉は、「数字」「方式」の両方で使われるほか、 文字一覧を示す「Charset」という意味で使わ
正規表現は文字列そのものでなく「段落の先頭」や「¥マークに続く」などの位置などの条件検索が出来ます。 例えば段落の先頭にナカグロを挿入するとします。 手動で入れるのは大変なこの作業も、設定は「^(.)」「(・$1)」これだけです。 これはRegXに予め設定してあるプリセット「行頭に●を追加」の「●」を「・」に変えるだけで出来てしまいます。メタ文字がわからなくても何とかイケそうですね。 また、文字列をブロック(正式にはグループ)として抜き出して、場所を入れ替えて置換することもできます。 例えば「144分の1スケール」なんてあったとして、「000分の1」を「1/000」と統一するとします。レイアウト上に無数にある数字部分の分母と分子を入れ替えつつ、「分の」を「/(スラッシュ)」するのはとても大変な作業です。 これも正規表現なら(\d+)分の(\d+)を($2/$1)とするだけです。 この辺まで
あなたの清き一票で、3期のコたちが決まります。 TENGAのなかでもいちばんちっちゃなEGGシリーズに、新しいモデルが仲間入り。しかし10コの選手中、実際にデビューできるのはたったの3つだけ。3.3倍という狭き門をだれが駆け抜けるのか。それはあなたのクリックで決まります。 といったわけで「みんなでつくる EGG SEASON-3」のサイト上において、6月15日からTENGA EGG総選挙がはじまります。全国各地のモニターから寄せられた推薦文を参考にしてもいいですし、一目惚れで選んでもGOODですよ! もちろん一票を投じるためにEGGを1コ買わなければならない、といったことはありませんよー。 それでは選手入場です。左からみだれ模様のメラメラ刺激「BRASTER」、破片エッジのバキバキ刺激「BREAKER」、ブロック突起のガリガリ刺激「BRICKER」、多面突起のゴロゴロ刺激「CRATER」、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く