2014-11-01から1ヶ月間の記事一覧
PROPO DESIGN : プロポデザイン PROPO DESIGN : プロポデザイン画像の見せ方がハイセンスなサイト。基本白と黒だけでデザインされておりフォントの見せ方が美しい。白と黒と画像だけでこれだけデザインされているのが凄い。
星野リゾート公式サイト 星野リゾート公式サイト 和風サイトの特有の背景にバックグラウンドのアイコンが可愛い。デザイン的にもすっきりしていて目的の場所にたどり着きやすいと思う。
frameworkとfancyboxを組み合わせたHTMLの授業をした。frameworkは一つのHTMLでカテゴリーごとに分けることができるjQueryのプラグイン。カテゴリーごとに分けなくてはいけないポートフォリオにうってつけのjQueryで「ul id="filter"」内の「a要素のrel属性…
モーダルウィンドウ型のグーグルのイメージ検索のようなjQuery・GoogleImgSearchUI。 そろそろポートフォリオを作らなくてはいけないため学校の講師が相手に作品を見せやすいjQueryとして紹介してくれた。 使ってみたが扱いやすい。相手に作品を見せるのには…
MUJI HOUSE VISION MUJI HOUSE VISION無印良品系のサイト。全体的に白が印象的でファーストビューで出てくる人の形をした家が歩いているのが気になる・・・。 マウスオーバーすると止まって吹き出しが出る。クリックすると急いで中央に来て説明してくれる。…
ふと授業でブロックレベル要素、インライン要素、ブロックレベル要素の違いを講師が説明してくれた。わずか2～3分の話だったが勉強になった。 ブロックレベル要素とインライン要素の違いは分かるもののブロックレベル要素の使い方がいまいち分からなかったた…
NIPPON COLORS - 日本の伝統色 NIPPON COLORS - 日本の伝統色 日本の伝統色を紹介してくれるインタラクティブサイト。非常に使い勝手がよくシンプルながらアクションが多彩で色の勉強にもなるサイト。
HTML5となど宣言文などに関しても変更された部分がある。全体的に省略できたりみじかくなった印象。 文書型宣言 以上から下記へ 言語コード宣言 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> 以上から下記へ </html>
今までのHTML4やXHTMLではh1～h6の要素のみで文書構造を表していたが文章の構造を指し示すには不十分なためHTML5では文書構造を表すセレクターが出てきた。 header,nav,footer,section,article,aside等だ。 sectionなどで構築される文書の論理構造のことを、…
人吉旅館 | 熊本県人吉市の老舗旅館、天然温泉が自慢の宿 人吉旅館 | 熊本県人吉市の老舗旅館、天然温泉が自慢の宿フォトギャラリーが工夫されたサイト。サイトの構成自体はシンプルなのだがフォトギャラリーが工夫されているサイト。
TicaLab(株式会社ティカラボ)｜Web制作・デザイン TicaLab | 株式会社ティカラボweb制作会社のサイト。最初見たときにフラッシュで作られているのかと思った。ナビからの移動アクションンがかっこいい。ただ2回目3回目と来た時にアクションンがウザくなるか…
昨日の勉強会でコーディングのスピードが遅かったため、練習サイトでコーディングの練習をした。素材は用意されている状態で2枚で4時間位。2ページやると忘れていることも多いことに気付く。そろそろポートフォリオを作らないといけないのでこれも載せること…
今日は学校は休みだったが他の生徒さんが開いた勉強会に参加してきた。ポートフォリオの作品を増やすのが目的だ。個人的にはこういった勉強会は具体的な目的があるため好きだ。 シンプルなグリッドレイアウトだが最近コーディングよりWordPressやMySQLの授業…
はなみち舎 ― 岡山市のレトロモダンな雑貨・和風ファッションのお店 はなみち舎 ― 岡山市のレトロモダンな雑貨・和風ファッションのお店フラッシュで作られた縦長のシングルページサイト。メニューバーが風鈴の様になっている。アクションスクリプトを使える…
日清食品グループ 日清食品グループフラッシュで作られたムービー重視のサイト。ムービー×フラッシュで今まで見たことのないような作りのサイトとなっている。デザインと言うよりムービーの見せ方の工夫で魅力を出していると思う。
大阪のお土産は御菓子所 泉寿庵｜株式会社 いづみや本舗 大阪のお土産は御菓子所 泉寿庵｜株式会社 いづみや本舗大阪の和菓子屋のECサイト。カラーリングが素敵なサイト。特に複雑なことはしていないのだがスライダーのカラーリング美しさが全体を引き立てて…
D-LOUNGE D-LOUNGE最近では主流のレスポンシブデザインのグリッドデザイン。マウスオーバーさせると音が流れる為マウスオーバーを繰り返したくなる工夫がされている。
早稲田大学 レスポンシブデザインに対応した早稲田大学のwebサイト。アルファ値をつけて後ろに映像を流すスタイル。綺麗にまとまっていると思う。
Wacom Global Wacom | ペン＆タッチタブレット、液晶ペンタブレットおよび電子ペン、スタイラスペン 世界的シェアを持つワコムのサイト。レスポンシブ対応のグリッドデザインで見やすくまとめられている。統一感は見やすさを与える。見てるとペンタブや液タ…
九州の空撮（動画・写真）サービス 九州空撮隊（熊本・福岡・鹿児島・長崎・大分・宮崎・佐賀・沖縄） 九州の空撮サービス 株式会社九州空撮隊（熊本・福岡・鹿児島・長崎・大分・宮崎・佐賀・沖縄） 最初の映像と音楽が印象的なサイト。個人的には将来的に…
一人宇宙部-深海アンソロジー 深海にまつわる創作漫画アンソロジー手書きのようなタッチのデザインと深海のイメージを出した気泡が特徴的なサイト。全体的に手書きのデザインが可愛い。少し重いのが難点。気泡がサイトを重くしているのだろうか？
webの勉強をし始めてから目がすこぶる疲れる。 毎日目の周りが重いのでディスプレイのせいかと思って環境を変える為にIIYAMAのProLite XU2390HS XU2390HS-B1が安かったので買ってみた。iiyama スリムベゼル+AH-IPSパネル『XUシリーズ』 FullHD(1920x1080)モ…
ブランドTOP / メデルジュエリーすっきりデザインされているECサイト。白と余白で清潔感を出していると思う。最近はフッターが大きい。レイアウト崩れ防止かな？
Francfranc（フランフラン）公式サイト｜家具・インテリア雑貨 Francfranc（フランフラン）公式サイト｜家具・インテリア雑貨 ECショップも最近は綺麗になっている。昔はぐちゃぐちゃした印象があったがスッキリとまとめられていて見やすい。このようなデザ…
Photoshopで描く 漫画、イラストのための背景画の教科書作者: 菊池杏子出版社/メーカー: エムディエヌコーポレーション（MdN）発売日: 2014/07/07メディア: Kindle版この商品を含むブログを見るフォトショップで水彩っぽい背景画描きたくて参考書を買った。…
