jQueryで作るAmazon流リキッドレイアウト (1/5)
国内外を問わず、多くのECサイトがお手本とする「Amazon.co.jp」。この連載でも以前、Amazonが採用する「カルーセル」（回転表示するスライドパネル）の作り方を紹介しましたが（関連記事）、Amazonは優れたユーザーインターフェイス（UI）の宝庫でもあります。 中でも、過去の閲覧履歴などからページの大半が動的に生成されるAmazon.co.jpのトップページは、ユーザーを商品購入へと導くさまざまな仕掛けが組み込まれています。今回は、このAmazon.co.jpのトップページに注目します。 今回のお手本サイト：『Amazon.co.jp』 米アマゾン・ドットコムの日本法人アマゾンジャパンが2000年から運営するECサイト。書籍販売から始まり、現在ではペットボトル飲料水や紙おむつ、キッチン家電まで1000万点超の膨大な商品を扱っている。取扱商品の拡大に合わせて、2008年4月に大規模
サイトのレイアウトがサクサク作れるAIRアプリ「Boks」:phpspot開発日誌
Boks - A Visual Grid Editor サイトのレイアウトがサクサク作れるAIRアプリ「Boks」。 Boksを使えば、グリッド内をドラッグ＆ドロップして直感的にレイアウトを作っていけます 作ったレイアウトは「Export」で簡単にHTML+CSSに出来ます。 HTMLとCSS複数が吐き出されます 基本設定として、グリッドの設定なんかも調整できて、自由度はあります サイトのレイアウトがめんどくさいという方はこういうものでサクっと済ませちゃうというのもありですね。 関連エントリ CSSレイアウトのチート集「CSS Layout Cheats」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 フリーで使えるCSSレイアウトのテンプレート配布サ
新社会人になったときやっとけばよかったなーとおもうこと - インターネットの備忘録
仕事をしはじめて約10年経つわけですが、 いざ社会に出るぞ！っていうときにこれをやっとけば もっとこの10年がうまく使えたんじゃないかなーと おもうことがあったので、備忘。 ＃ちなみにいま実践中 自分のライフプランを考える 社会に出たとき、なんとなく「3年は1つの会社で仕事をがんばってみよう」とか 「ある程度名前を知られるような人になろう」とか思ってみたりしたのですが、 それはあくまでその「会社の中」や「仕事をする上」での目標であって、 自分の人生全体をみたプランを立てたことがなかったなーと。 とはいえ、実際に仕事をしてみないと、いろんなことを 判断したり選んだりできないのかもしれないのですが、 その時点その時点で、未熟でも荒削りでもやってみる、 というのが大事だったかもなーとおもってます。 で。 目標の立て方で10年前のわたしがミスったなと思うのは 「来年の自分」「3年後の自分」のために
努力厨がはびこれば２０２０年地球は滅びる。 - orangestarの雑記
※2012年7月10日、ちょっとだけ記事戻しました。 どこで見たのか忘れたんですが（元ネタ知ってる人いたら教えてください）１か月思いっきり１２０％の力で努力すれば、次の月にはそれが１００％の力でできるようになる。そして、その次の月には〜〜って物言いを見たんですよ。でも、これっておかしいよね、ってのが上の漫画。 あと、コンセプトは、エグザイルの二番煎じです。 ずっと頑張りっぱなしってのはできない。理想的なのは８０％くらいの出力でのろのろと走り続けること。 人間も車と同じで、ずっと全力っていうのはできない。２００キロ出る車があったとして、２００キロでずっと走り続けたらすぐにエンジンやあちこちがダメになるし、燃費も悪い。４０〜６０キロくらいで走り続けるのが一番燃費がいい。 人生の目的は、２００キロを出すことじゃなくって、できるだけ長く、できるだけたくさん走り続けること。 人や車にもいろいろあって
デザインを魅力的なものにする、シンプルな10個のテクニック
デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあります。 これらのテクニックは、効果的に見せるために必要なデザインかもしれません。しかし、よりシンプルなテクニックでも充分な効果を与えることができます。 シンプルなテクニックやエフェクトというのは、デザインの基本です。 「less is more」の考えを元に、デザインの概観とパフォーマンスを劇的に改善できる非常にシンプルで印象的な10のデザインテクニックを紹介します。 1. Add Contras
天才になれる秘密 - teruyastarはかく語りき
という物をふと思い立った。 天才というのはコピーがうまい。 凡才はひたすら努力する。 たぶんこれが真理だ。 天才というのは自分でゼロから発明しようとはたぶん思わない。 宮本茂はスーパーマリオを 「これまでのいろんなゲームのいいとこどり」 と言ったがそれはつまり コピーの組み合わせでオリジナルを作ったわけで、 ゼロから１を生み出した訳じゃない。 これは現在の任天堂のゲーム機もそうだし Googleが、スティーブジョブスが、ビルゲイツでも みんなコピーの組み合わせの天才であり、 （Googleは他者のサービスを買収して組み合わせ、 WindowsはMacをコピー、Macはパロアルト研究所の発明をコピー） 手塚治虫や現代の有名漫画家も映画やアニメや文学、 写真、イラストのコピーをマンガに落とし込んだのであり その映画のスピルバーグやジョージルーカスやキューブリックなんかは 黒澤明をうまく組み合わ
グーグル、自社設計のサーバを初公開--データセンターに見る効率化へのこだわり - CNET Japan
カリフォルニア州マウンテンビュー発--Googleは、自社のコンピューティングの運用については多くを語らない。しかしGoogleは米国時間4月1日、当地で行われた、注目度が高まっているデータセンターの効率性に関するカンファレンスで、そのインターネットの力の中枢にあるハードウェアを初めて公開した。 ほとんどの企業は、DellやHewlett-Packard（HP）、IBM、Sun Microsystemsのような企業からサーバを購入している。しかしGoogleは、何十万台ものサーバを保有していて、そのサーバを稼働させることが自社の中心的な専門技術の一部だと考えており、自社独自のサーバを設計および構築している。Googleのサーバの多くを設計したBen Jai氏は、高度な技術を持つ、非常に熱心な聴衆の目の前で、現在のGoogleサーバを公開した。 Googleサーバで非常に驚くのは、サーバ1台
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記
IDEA * IDEA
IBM Developer
