IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル:phpspot開発日誌
Making an Interactive Picture with jQuery | Build Internet IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル 室内のいい感じの写真をベースに家具を紹介するあのIKEAサイトのUIをjQueryを使ってクールに再現しているチュートリアルです。 単純な商品の紹介よりも、より商品を魅力的にみせることに成功していると思うのですが、これを自分でもやりたいという時に参考にできます デモページはこちら ECサイトを構築する際等に、いい仕事ができるかもしれませんね。 関連エントリ オシャレなECサイト構築用のWordPressテーマ３０ PR: 全部入りECサイトを安価に構築できる「Live Commerce」が素晴らしい！ Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ
今すぐフォローすべきnode.js界のスーパーエンジニア - 小さい頃はエラ呼吸
はじめに 最近、サーバサイドJavaScript環境であるnode.jsをいじったりしています。 node.jsはまだ書籍も出ていない新しい分野なので、情報収集の手段はインターネットがすべてになります。Webサイトやブログなどを読みながら勉強していくにつれて、node.js界のすごい人たちというのがだんだんとわかってきました。 そこで、これからnode.jsを勉強する人のために、日本におけるnode.js界隈のスーパーエンジニアたちをまとめてみました。彼らの代表的なエントリを書かせていただきましたが、これ以外にもたくさん有用なエントリがあると思いますので、ぜひ探してみてください。 @mesoさん twitter：http://twitter.com/#!/meso おすすめエントリ Node.jsについてのよくある誤解 - 自分の感受性くらい @sugyanさん twitter：https
男性の考える「少女」とはまるで異なる“女性の少女観”とは。コンテンツ文化史学会が2011年第1回例会「『少女』の歴史，ときめきの軌跡」を開催
男性の考える「少女」とはまるで異なる“女性の少女観”とは。コンテンツ文化史学会が2011年第1回例会「『少女』の歴史，ときめきの軌跡」を開催 2011年6月11日，コンテンツ文化史学会の2011年第1回例会が，東京都内の共立女子大学にて開催された。この学会は，アニメ/マンガ/ゲーム/ネットなど，さまざまなタイプのコンテンツを統合的に考察し，文化史として研究することを目的としている。 今回は，「『少女』の歴史，ときめきの軌跡」というテーマを掲げ，女性誌/乙女ゲーム/漫画それぞれのコンテンツと，女性との関係性についての発表がなされた。読者の大半が男性という4Gamerみたいなメディアでは，ともすると“少女”という言葉が偏った意味で使われがちな気もするのだが，そうした期待（？）をよくも悪くも裏切る興味深い内容となっていた。 東京大学大学院 嵯峨景子氏 「1910年代の女性誌にみる少女文化の形成」
CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
カゴにぎゅうぎゅう詰めのネコやミルクを飲む赤ちゃんネコなど、キュートなネコの画像100連発 - GIGAZINE
インターネット上に散在するさまざまなネコの写真。集め始めると、リンクからリンクをたどって際限なく時間が過ぎて行ってしまうという人も多いのではないでしょうか。 そんなネコフリークスのために、ミルクを飲む赤ちゃんネコや、手のひらで眠るネコ、カゴにぎゅうぎゅう詰めのネコなど、やさぐれた心を癒してくれるネコの写真100枚は以下から。Cute Kittens (100 pics) 1.突然の接近にびっくり 2.爛々と輝く瞳 3.靴の中でぬくぬく 4.毛布にくるまってすやすや 5.仁王立ちで迎撃の姿勢 6.凝視 7.しましまの子猫 8.ぴったりのスペース 9.「おい、見えるか！？」「もうちょっと右……」 10.レンガのすき間から 11.美しい瞳 12.理想の住まい 13.ふわふわの毛並み 14.合体 15.閉じ込められたッ！ 16.ほ乳瓶をしっかと掴んでお食事 17.おい、その握り方はどうなんだ？ 1
玄米の炊き方（びっくり炊き）
この炊き方は秋田地方に江戸時代から伝えられてきた玄米の炊き方です。 この「びっくり炊き」で炊くと、比較的短時間に ふっくらと柔らかく白米のように炊きあげることができます。 普通の鍋で炊けますし、長時間水に浸す必要もありません。 食べたくなったらすぐ炊けます。 炊き方は非常に簡単です。 「玄米のびっくり炊き」 まず、玄米を用意して下さい。 炊きあがると１合でだいたい、 大人のお茶碗２杯分弱と考えて下さい。 水で軽く洗います。 精米していないので糠（ぬか）がでません。 水はほとんど濁りません。 環境にも優しいのです。 しかも洗ったら、すぐに炊けます。 長時間、水に浸しておく必要はありません！ ホーローやステンレスなどの、ごくふつうの鍋で炊くことができます。 今回は１合しか炊きませんでしたので、 一人用の土鍋で炊くことにしました。 水は米の1.2～1.5倍入れます。 お米が古いほど水を多くします
今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。
みなさんこんにちは、カッシーです。 先日6月8日に26歳になりました。充実した26歳にできるよう頑張っていきます！ 今回は手軽に実践できる効率アップTIPSをご紹介したいと思います。 WEB業界のデファクトスタンダードっていうよりは僕が実践しているものがメインです。 こういう効率アップTIPSとかは共有してどんどん仕事の効率を上げれば ・コストダウン（人件費） ・定時に上がってアフターを楽しむ ・費用は下がるし仕事は早くできるしモチベーションは上がるはいいこといっぱい！ なんでどんどん情報をシェアしたいですね！ もしこんなのものあるよーって方はコメントなりtwitterなりメッセージ頂けると嬉しいです。 目次 ・WEBサイトの新規作成キットを利用する ・拡張機能を利用する ・コード共有・アセット ・よく使う単語は辞書に登録 ・素材や過去のデータは整理しておく ・効率の高いファイルの送受信
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
複雑怪奇なGmailを使いこなすために押さえておきたい10の便利機能 | ライフハックちゃんねる弐式