記事一覧
![](https://assets.st-note.com/production/uploads/images/39812926/rectangle_large_type_2_c30416cf24863b8e315bf80f37d81e29.png?width=800)
おかもと歯科医院#1日1サイトレビュー⑦
今日も模写&レビューでやってみました。 http://okamoto-dental.clinic/ 【概要】 岡本歯科医院のコーポレイトサイト? 【ターゲット】 歯科医院を探している人の中で…
![](https://assets.st-note.com/production/uploads/images/39030573/rectangle_large_type_2_1859577edf174a479b2986a43a235b68.png?width=800)
ラフリーズ#1日1サイトレビュー⑤
https://www.felissimo.co.jp/laughrees/ 【概要】 フェリシモの企画サイト。 【メインビジュアル】 ・「ファッション×漫才師」というキャッチが大きくはないけど、帯の…
![](https://assets.st-note.com/production/uploads/images/36731313/rectangle_large_type_2_260158c31904cd8e50ee5604511bd0b6.png?width=800)
179リレーションズ #1日1サイトレビュー③
昨日は疲れて #1日1サイトレビューお休みしました 。。。またお休みしながらでもポツポツやっていきたいと思います。 【概要】 NPO法人ezorockのwebマガジンサイト。 【メ…
![](https://assets.st-note.com/production/uploads/images/36533800/rectangle_large_type_2_db2126b5435efcc33cbe8f272c6a87cd.png?width=800)
JUNZO KURODA ATELIER #1日1サイトレビュー①
https://junzo.com/ 今日から出来るだけ#1日1サイトレビューしていきたいと思います。 まずこちらのサイトから。 【概要】 建築設計、デザインなどトータル・クリエイテ…
おかもと歯科医院#1日1サイトレビュー⑦
今日も模写&レビューでやってみました。
http://okamoto-dental.clinic/
【概要】
岡本歯科医院のコーポレイトサイト?
【ターゲット】
歯科医院を探している人の中でも美意識が高い人かな?
【メインビジュアル】
最初に口だけで笑っているアニメーションが目を引く。
写真が角丸になっていて優しい印象。
【コンテンツ】
全体的に色合いやシェイプの使い方が優しくて女性的
ラフリーズ#1日1サイトレビュー⑤
https://www.felissimo.co.jp/laughrees/
【概要】
フェリシモの企画サイト。
【メインビジュアル】
・「ファッション×漫才師」というキャッチが大きくはないけど、帯の上に左から右へ流れていて可愛く目立っている。
・「購入者限定スペシャルファンブックプレゼント」といういい文言も、キャッチの近くで動いていて目に止まりやすく配置されている。
【コンテンツ】
・写真
コーディング実践②「擬似クラス」
こんにちは。最近の学習はCF課題のデザインカンプをみてコーディングをするコーディング実践を行っていました。すごく楽しいですが、難しいところも出てきて詰まることもしばしばです。
今回は、苦戦した擬似クラス「first-child」「last-child」について書き留めておこうと思います。
最初にこのナビゲーションメニューを見た時に、
「最後のliのgackgroundとcolorを変えればいいん
セクション構造と命名規則
職業訓練時代コーディングした時に、ボックスモデルとclassの命名については散々迷って悩みました。今回しっかり学習して、スムーズにコーディング出来るようになりたいです。そのために学んだ事をここに書いていきます。
● デザインカンプからしっかりボックスモデルを考える。
● デザインの共通を見極める。
・共通で使えそうなデザインのときは汎用的なclass名。
→ section,button,
スタジオアリスのすごいインターン #1日1サイトレビュー④
1日1サイトではなくなっていますが、ゆっくりやっていきます。
【概要】
スタジオアリスのインターン募集サイト。
【メインビジュアル】
・スタジオアリスのインターン風景の写真が背景に流れている。上は左から右へ。下は左から右へ。
・写真が少し暗くなっていて白の「スタジオアリスのすごいインターン」のキャッチをみやすくしている。
【ナビ】
・ホバーするとかわいいアイコンが出現。白のアイコンなのでナビ
179リレーションズ #1日1サイトレビュー③
昨日は疲れて #1日1サイトレビューお休みしました 。。。またお休みしながらでもポツポツやっていきたいと思います。
【概要】
NPO法人ezorockのwebマガジンサイト。
【メインビジュアル】
・背景の色や質感、左に置かれているキャッチの帯が「自然、ナチュラル」な雰囲気で統一されている。
・写真が縦にスクロール出来る。
・MENUをクリックするとハンバーガーメニューが出てきて、アイコンが ×
「すっぽん小町」公式ブランドサイト #1日1サイトレビュー②
【概要】
「すっぽん小町」公式ブランドサイト
【メインビジュアル】
・背景がピンクのボーダーでかわいい雰囲気。
・写真が横にスクロール出来る。箱に入った▶︎でクリックしたら写真が横に流れるよう誘導されている。
・MENUをクリックするとハンバーガーメニューが出現。
・MENUの中のみて欲しい?コンテンツが色分けされている。
・メインビジュアルの最後が波線になっていてかわいい装飾。
【コンテンツ
JUNZO KURODA ATELIER #1日1サイトレビュー①
https://junzo.com/
今日から出来るだけ#1日1サイトレビューしていきたいと思います。
まずこちらのサイトから。
【概要】
建築設計、デザインなどトータル・クリエイティブを手掛ける黒田潤三アトリエさんのコーポレートサイト。
【メインビジュアル】
・施工された建築物の写真が右から左へ出現する。(イージングがかかっている)出現後もゆっくり写真が動いている。
・左下にずらして大きく
デザイン初級①(バナートレース)
今日からクリエイターズファクトリーのデザイン初級に入りました。
デザインとはなんぞやから始まり、バナートレースまで。
久々のPhotoshop(約半年ぶり?)だったのとMacの操作に慣れないのとで切り抜含め2時間ほどかかりました。。。しばらくリハビリがてらバナートレースもしっかりやって速度と精度を上げていきます!バナートレースは約2年半ぶりですが、色んなデザインに触れられて発見もあり楽しいですね♪
HTML&CSS基礎
職業訓練に通っていた頃大好きだったコーディングですが、
学び直すと結構変わっていたり、忘れていたりするところがあるので、
こちらにメモとして残していきます。
_____________________________________
HTML
●フォルダ構造
相対パス → ../○○○○○ で上の階層を参照する
ルート相対パス → /○○○○○ で必ずルート(一番上の階層)に戻る(