3時間でつくるいいかんじのポートフォリオサイト

3時間でつくるいいかんじ(?)のポートフォリオサイト @schktjm 2020/1/20 Zli x DeNA合同LT会

自己紹介 name : 田嶋幸智子 (schktjm) lab : DB研 like :
フロントエンド・デザイン(自己流 hobby : バイク・日本酒・新しいもの

ごめんなさい

よしポートフォリオサイトつくろう！ ←会津に向かう高速バスでのできごと

1. 書くことをきめるこんなかんじかなー

2. デザインを決めるやりたいこと: ネオン風のデザイン

3. テキトーにデザイン作ってみる活躍するのは、最近流行りのこいつ！

3. テキトーにデザイン作ってみる drop-shadowの値とテキトーにぐりぐりしてみる右の例では - fontSizeをBoldに - 黒いdrop-shadowを右下に -
白いdrop-shadowを左上に

3. テキトーにデザイン作ってみるできた

4. 実装していく(HTML) 正直HTMLにCSS当てれば良さそう

4. 実装していく(HTML) できた

5. 実装していく (CSS) - とても小規模なので設計を気にしなくても大丈夫そう - がんがんいくよ

5. 実装していく(CSS) text-shadow プロパティにinsetができないらしい？この内側に凹んでる表現ができない →

とりあえずできた！ https://schktjm.github.io/ (worksに一切リンクを入れてないです><) (Linksがアイコンじゃないのはガイドライン読むのめんどかった><)

感想 - cardはよかったが文字だとなんか浮いて見える - 読みづらい ( 文字が - text-shadowがそんな使えない -
読みづらい ( リンクかボタンかわからん - 解像度の高い画像が悪目立ちしそう - 読みづらい ( 画面を暗くするとわからない - (でも読ますための文字は凸凹させないほうがよさそうです)

まとめ - 個人的には好きだけどアクセシビリティ的に見づらいったらありゃしないので来なさそう - 流石に手をかけてなさすぎなのでもうちょい改善します ‍♀

みてね https://schktjm.github.io/

3時間でつくるいいかんじのポートフォリオサイト

3時間でつくるいいかんじのポートフォリオサイト

Tajima Sachiko

More Decks by Tajima Sachiko

Other Decks in Design

Featured

Transcript