ブログこのサイトについて自己紹介お問い合わせフロントエンドエンジニアが「Web」「Youtube」「3D」「お金」「お買い物情報」など、興味があることについて深堀っていくブログです。教えている中で、毎年2年生に、パララックス効果を使ったサイトの課題を出しています。自分としても作ってみようと思い、仮のサイトとして母の日をモチーフにショッピングサイトのキャンペーンサイトをイメージして制作しました。作っていたサイトデータをダウンロードできるようにしていますので、HTML・CSSの勉強や、Photoshopデザインの参考として自由にお使いください。パララックス効果とはパララックスとは視差効果のことです。webサイトでこの効果を使う時には、スクロールなどの動作に応じて、タグのスピードに強弱をつけて動かすことで立体感がでて視差効果を出すことができます。bloomhttps://fullbloom.herokuapp.com/このサイトデザインのご利用についてあくまで勉強用としてデザインしたものです。商用目的のサイトデザインとしてのご利用や、デザインの再配布、一部変更した再配布などはご遠慮ください。psdファイルhttps://drive.google.com/file/d/1J2bG7940c1xWS9B2i5S_3pap1fWPnaGz/view一部写真データに関しては、素材サイトのものを使っていますので、グレーアウトや差し替えているところがあります。差し替えてご使用してください。サイトデータhttps://github.com/kamem/fullBloom数年前に作ったものですので、一部古い情報や、古い作り方の部分があります。https://github.com/kamem/fullBloom/tree/master/srcsrcのなかにhtml,css,jsなどのデータが入っていますので参考にしてください。最後にもし良ければ、メッセージなどいただけましたらやる気が出て色々制作意欲が増しますmかめにOFUSEするまたMentaの教えるサービスをしています。始めたてで安めに設定していますので気になる方がいましたらお声がけください。microCMSでページング「react-paginate」を使っての実装方法2021年9月21日おすすめの本Javascriptを勉強する際に読んでおくと良いなと思った本たちです。リーダブルコードは綺麗なコードを書く考え方が身に付きます。いまでもその考え方が根付いています。bloom」2021年9月20日フロントエンドやデザインを教えるメンター(Menta)はじめました。2021年9月6日サイトのことWebのこと、Youtubeのこと、3Dのこと、お金のこと、お買い物情報など、興味があることを深堀って記事にしてます。