0から目指すWebマスター Web制作に関する備忘録
トップ/サイト概要/制作日記/
wrote : 2013-12-04
インディーズレーベル「moca photo club」のサイトを作りました。
その期間3日間。 ※その後、ちまちま修正を繰り返しているため、実際はもうちょっと。
この業界に入ったときから作りたいと思いながら「もっとスキルを磨いてからだ!」となかなか踏み込めなかった領域。
自主レーベルサイト。
ただ、「そのとき」を待っていたら一生作ることはできない、と思い踏みとどまり、現状できることをやることに決めた。
3日間ほぼ寝ずの制作。気持ちが高ぶったときのコーディングスピードは半端ない。
そんなわけで、いちおう公開できるようにはなったので、公開しました。
しかしながら、これはまだ実際にやりたかったことの氷山の一角。 じゃあどんなことがやりたかったの?となれば、インタラクティブを高めたコンテンツだったり、Eコマースを導入したり、いろいろあります。
あくまでサイト自体は作品の窓口と運営者(自分)やスタッフ(2013年12月現在まだいません。。募集中)のブログ紹介という位置づけ。 そこで紹介する一つひとつの作品がメインで、一つひとつの「存在」を浮き彫りにするようにしました。 そのため、あえて作品間の導線は分かりづらいです。 そしてサイト自体の存在も極力控えめにし、フッターリンクとURLにだけ、サイトの存在を控えめに紹介しています。
デザインに関しては、たくさんのデバイスで見てもらえるように、レスポンシブルWEBデザインを取り入れています。 大きい画面ではよりダイナミックに、スマホではより最適に見れるよう配慮しています。
PCで下記URLをご覧いただき、画面サイズを最大と縮小でレスポンシブル具合とダイナミック感を見ていただけたら幸いです。 identity 夜明けのティティ | moca photo club 最小横幅は320pxを想定し、それより小さくした場合は・・・ケアなしです。レガシーブラウザは切り捨ててます。こちらもケアなし・・・。ちょっと検証が足りてない感は否めませんが、まずは発表。バグは発見次第つぶしていきます。
インディーズレーベルサイト「moca photo club」を作りました。
川上 武範(かわかみ たけのり) 1975年生。シンプルシンプルデザイン代表兼Webクリエイター。たびのとWebサイト運営責任者。
企画からサイト設計、正しいマークアップを意識したWebサイト制作やユーザー視点の情報設計を得意としている。
シンプルシンプルデザイン たびのと twitter : たけたけ@OnlyTwo
フォトショップでは、レイヤーごとに書き出す設定がありますが、イラストレーターにはありません。そこ・・・
MacBook Air を売却するため、初期化したときのお話。念のため、バックアップを取ってから・・・
ターミナルを起動して、下記を入力して実行すると、指定したディレクトリ内のDS_Storeフ・・・
普段、dreamweaverを使って制作している。 どうやら、dreamweaverをデフォルト・・・
もはや自分の制作環境において、なくてはならないツールの一つがMAMP。 それが突然使えなくなって・・・
W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。CSS3では・・・
iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を・・・
box-shadowプロパティは、その名から想像するとおり、ボックスエリアに影をつける(ドロップ・・・
ポイントは、「その年月のカレンダーのその日は第何週なのか、第何曜日なのか、何日なのか」を・・・
form周り、これまでは要素を特定してループさせやすいようにidやclassを付与して、JavaScript・・・
コメントのテストです。・・・(匿名)
WordPress 4.9.2 用の記述追加 追記箇所は下記 r・・・(たけたけ)
コメントありがとうございます!お役に立てたようでよかったです!・・・(たけたけ)
はちみつさん コメントありがとうございます。 そうですね。お役に・・・(たけたけ)
「エクスポートとインポート」を追加しました。レアケースかと思いま・・・(たけたけ)