Lesson 02 | 複数のイラストを上手に使う紙面構成
現在デザインの作り方、アイデア図鑑という本でデザインの勉強をしています。 ここでは勉強になったポイントや所感を書き残していきたいと思います。 ■今回のデザイン…
2021年3月
Lesson 01 | イラストをメインにして力強く見せる
現在デザインの作り方、アイデア図鑑という本でデザインの勉強をしています。 ここでは勉強になったポイントや所感を書き残していきたいと思います。 ■今回のデザイン…
scss | z-indexを効率的に管理する
レイアウトによってはz-indexが分かりづらくなったりすることがありますが、scssでは配列を見れば一目で順番が分かります。 ■使い方 まずは配列を用意しま…
scss | if文で条件分岐
scssでもif文が使える。 条件は変数にくる引数で判定する。 @if 変数 ==引数 { }else if { } See the Pen scssのif文…
デイトラShopifyコースを修了しました
ECサイトのご相談を頂く事が増えてきた事から、デイトラのShopfyコースを受講しました。 無事コースを修了したので、感想とアウトプットを書いていきます。 h…
GSAPの読み込み | TweenMax、TimelineMax
■GSAPとは？ TweenMax、TimelineMaxなどの総称を指す。 ■GSAPの読み込み 下記にアクセスし、Loading GSAPのスクリプトを読…
ディレイ | transition-delay
■transition-duration transition-durationはアニメーションの変化の時間 ■transition-delay transi…
イージング | animation-timing-functionの種類
■ease アニメーションの中央に向けて変化量が増加し、最後に向けて減少します。 ■linear 等しい速度でアニメーションする。 ■ease-in プロパテ…
覚えたjsのメソッド、プロパティを追加していく
■clientHeight 表示域の高さを取得する。 ある要素の半分で発火させたい時はclientHeight * .5; とする。 ■getBounding…
リビングシフト | 面白法人カヤックが考える未来
本書はweb界隈の方なら一度は耳にした事がある面白法人カヤックCEOの柳澤さんが書かれています。 カヤックといえば鎌倉に支社を置いていて、旅する支社という制度…
未経験からのWeb制作ベンチャーはどれくらい大変なのか【経験談】
Webデザイナーの森です。 異業種からWeb制作を中心としたベンチャー企業に転職しました。 今回はWeb制作のベンチャーでどんな風に働いていたのかを書いていき…