Loysel's Toy カフェのサイトだが写真が一枚もないのが新鮮。各ページはfacebookとtwitter以外はスクロール表示だから一枚の紙をずらしているような感覚で気持いい。 情報量はとても少ないが、カフェだしこういう形で十分なのかも。授業で言われるように「ウ…

moaa architectsトップページのみの構成でとてもシンプル。 メニューをクリックすると別ページでなくタブが表示される。 タブ表示のために表示にまったくストレスがないし、サイト内で迷いようがない。建築事務所のようだが、ここの建築物も見た目だけでなく…

designer grebフリーランスデザイナーのポートフォリオサイト。人目でスキルの高さが伝わる。 グリッドの使い方の1つとして覚えておきたい。

シンプルながら使い勝手がよさそうな噴出し。

osam・大量の商品だけが表示されるので、ショップに来ているような感覚になれる ・動きがあるのでシンプルながら飽きにくい ・メニューバーが常に見やすく表示されているので、さらに情報が欲しい場合のアクションが楽。

９つのボックスをそれぞれarticleで作り、３つずつsectionで分ける。各sectionにidをつけてfloatで横に並べる。各sectionをくくるsectionを指定しないとfloatがうまく機能しないことを発見。@lolipop

ペットと飼い主をつなぐサイト「petlink」をjimdoで作って日々情報の更新をしているが、サイトの更新が習慣になりつつある。サイトはそれ自体に動きがあれば目を引きやすいしユーザーを飽きさせないが、一番のアテンションはやはりそこにある情報。 jimdoは…

楽しいおかず企業サイトも面白い「面白法人カヤック」が運営する鎌倉ボウルズのサイト。シンプルにおかずをグリッドにおかずをならべるだけながらオンマウスでメニューの詳細がでるなど細かな工夫はさすが。なんのためのサイトなのか明確だし、一目で得られ…

飼い主さんがやむを得ない事情で飼えなくなってしまったペットたちの飼い主探しを応援するサイト「pet-link」を更新しました。pet-linkは基本的にリンクサイトですが、里親募集サイトはリンクを推奨している所がほとんどなので、リンクサイトがとても作りや…

月はphpで自動取得し日付を選択、submitで月日を表示。表示画面 コード 同じファイルにactionを指定してみた。結果表示するとプルダウンメニューが初期値（この場合は「1日」）に戻る。

プルダウンメニューで選択した年齢を表示する。 コードは以下。 submitを使わずに表示する方法もあるのかな。

入力画面。 結果。 コード（HTML）。 コード（php）。 "; print "計算式としての表示は"; print $first+$second; ?>

print ("今日は".date( Y年 n月 j日)."です。");「.」がポイントかな。「.」が。

tsunagu 大量生産ではない、職人によって作られた製品の販売やカフェを手がけるtsunaguのサイト。「あたたかさを届ける」というコンセプトが伝わるサイトデザイン（色、フォント）だが、デバイスによって表示するデザインを替えている部分がもっとも印象的。…

ryo design京都の大学生のポートフォリオサイト。自分もポートフォリオを作る上で大変参考になる。 大学生にしてサイト制作などの業務を請け負っているらしい。シンプルなサイトにとても好感が持てるしなにより見やすい。

test, ディスプレイに表示される領域をタテヨコ縦横無尽に使い表示を切り替えていてかっこいい。 内容が見やすいかというとそうとは言えないが、ファッションのサイトなのでそれでもいいのかも。おしゃれな感じはものすごくあるし、ブランドイメージは強烈に…

普通にdl,dt,ddで大枠を作ったあとにddに[float:left]と[clear:both]で横１行に整列。 コードは以下。

NIKE AIR JORDANAIR JORDAN開発者のインタビューをラップ調で文字表示。発想自体に真新しさはないけど、すごいのは話しているスピードで文字が表示されるのに全くよみにくさがないこと。シューズの世界観をよく表してるし何度もみようと思わせる。英語学習に…

SOHO FIXED個性的（奇抜ではない）で存在感のある自転車を製造、販売する自転車屋さん。BIKEのかっこよさがサイトデザインにもよく現れている。サイトのブロックを分ける空白が写真の白いラインに妙にシンクロしているのもにくい。メニューバーの透明処理も…

12歳でアプリを作るなんて珍しくないのかもしれませんが、この少年のプレゼンが見事。 学ぶことは多いです。

the Hub 綱島倉庫。倉庫と名前がついているが、小さなショップの集合体らしい。パッと見ではメニューが英語表記なこともあって、何のサイトかわからなかったが、このきれいな色使いとレイアウトのせいで、何のサイトなのか知りたくなった。おそらく出店店舗…

授業中にはできなかったけど。ムービー終了後に表示されないので確認せねば。

ボタンを押すてる間、回転するflash。 リンク。google swiffyでHTML5に変換したからiPhoneなどでも見られるし動く。 swfバージョン。やっとflashファイルを掲載するやり方が分かった。

html内に記述するJavaScriptによる画像置換。画像では伝わらないので、きちんと動くことの確認のためにninjaへのリンク。

ap bank。テーマがシリアスだけにサイトデザインもシンプル。それでいて目的と中身が見やすい。入口はとてもシンプルだけど、それぞれのリンクをたどるとそこの情報量は多い。被災地のために自分ができることが明確になっているので、このサイトを使わずとも…

ブロックはこんなイメージか。

iPhoneの歴史を紹介するアニメーションです。Jobs氏へのtributeとして製作されたものですが、iPhoneの誕生からiPhone4までの発展の流れ、それぞれのステージでiPhoneに関わった人たちや技術がとてもわかりやすく紹介されています。全編英語なのですべて理解…

を描いてみた。uがとくにじれったい。そのほかもたいして変わらないけど。 でも字を書くのはIllustratorの訓練に悪くないかも。