mokomoka / portfolio Goto Github PK

どんなのにしようか

現状はHTML上のimgタグにoncontextmenu="return false;"を設定している
CSSでimgタグ全てにpointer-events: none; を設定したほうがスマートな気がする
参考
クリック・タッチを無効化するCSS「pointer-events: none;」がお手軽で便利
ウェブサイトで画像の保存を禁止する方法　こっちはスマホ対策も載ってる

現在、カードの横幅最大値が880px
その値に合わせてAbout meの横幅最大値も880pxにする
各セクションのタイトル位置も880pxの左端に来るようにする（もしくは**揃えにしてもいいかも）

あとはAbout me（PC版）が現状左に写真、右に文と表になっているのを、左に写真、右に文、下に表という感じにしてみたい

• モーダルウィンドウを開いているときに背景（元のサイト）をスクロールしないようにする
• モーダルウィンドウ内で動画を再生した状態でモーダルウィンドウを閉じた時、動画の再生も停止する
• その他デザイン面での修正（今はちょっといまいちな気がする）

現状、WorksとLinksのカード・吹き出しはクリック判定がない
これはスマホでの誤タップを防ぐため
でもカード全体がクリックできる（モーダルウィンドウ開ける）ほうが自然かもしれない

Worksのそれぞれのモーダルウィンドウを開くリンク
横一列に判定がある
文字の範囲だけに判定があるようにしたい

BEMっぽく書いていたけど、全然BEMになっていない気がするので直したい

transition: opacity 0.3s, visibility 0.3s;が原因
transitionをなくす（現状のポートフォリオサイトと同様）か、他に対処法があれば…という感じ
動画などが合って読み込みに時間がかかるというのもあるので、ローディングを挟んでもいいかも

Cloudflareってやつでできるそうです

別タブで開くものにはマークを付ける

いいかんじに変えたい

カラフルにしたい
というかMSSPカラーの4色（青黃赤緑）をうまく取り入れたい
参考になるのは スマートニュースのサイト
イメージはSMT2019

現状はtransitionばかりなのでanimation使いたい
使いたいところをメモる

現状の予定

• 資格
• やっていきたいこと
• 大切にしていること
  あたり？
  やってきたことと価値観が伝わるようにしたい
  やってきたことはWorksと資格で良さそう

Worksのカードに、使っている技術やツール、作った場面をキーワードとしてつけて、フィルタリング表示できると良いかも
キーワード例）Android、モバイル、サーバサイド、Ruby on Rails、サークル、動画編集…

ただ、今はそんなに数がないからいらない気もする…

SSIA