ギャラリー鑑賞 ギャラリー鑑賞(SANKOU!) zeroboard ファーストビューはとても特徴的で魅かれる動画が流れており、Zeroboardさんの印象が一発でわかるようなものになっているように感じた。そこからスクロースに合わせて動画の映像がどんどん変化していきワクワク感を演出している... 2023.08.26 ギャラリー鑑賞
コーディング知識 z-indexについて .sectionの背景を設定して.section__itemにグラデーションの影.shadowを設定したい。 なにも設定しないと.shadowが一番上に来てしまう。 .section__itemにbox-shadowをつければ出来るかと思ったがグラデーションの仕方が分からなかったので断念。 shadowにz-index:-1をつけてみたが.sectionの背景の下に来てしまうのでうまくいかない。 そこでchatGPT先生にやり方を聞いて解決しましたので備忘のため残します。 2023.04.18 コーディング知識
コーディング知識 ふわっと表示 初期の画面表示のときやスクロールに合わせてふわっと浮き出るような画面表示の方法についてこれまで使用したものを備忘のため残します。 2023.04.13 コーディング知識部品
部品 テキストアニメーション(MOVING LETTERS) javaScriptを使った様々なテキストエフェクトを紹介してくれている「MOVING LETTERS」というサイトを紹介します。 好みのエフェクトを見つけたらコピペして使うだけで実装が出来てしまいます。是非一度お試しください。 2023.04.10 部品
JavaScript テキストアニメーション(textillate.js) textillate.jsとは textillate.jsは、文字をアニメーション化するためのJavaScriptライブラリです。このライブラリを使用すると、文字をフェードイン、フェードアウト、スライド、バウンス、ローテートなどのエフェクト... 2023.04.07 JavaScript部品
ギャラリー鑑賞 ギャラリー鑑賞(SANKOU!) ギャリー鑑賞を行いその日のベストサイトとその理由を残していきます。 見て気持ちいい使って気持ちいいサイトをたくさん見てデザインセンスを磨いていきます。 2023.04.03 ギャラリー鑑賞
部品 【部品】hambuger button hamberger buttonのHTML/CSS。ボタンを押すとボタンの形が×になりメニューが表示される。メニューの外側をクリックするとメニューが閉じる。 2023.04.02 部品
ギャラリー鑑賞 ギャラリー鑑賞(LP ARCHIVE) ギャリー鑑賞を行いその日のベストサイトとその理由を残していきます。 見て気持ちいい使って気持ちいいサイトをたくさん見てデザインセンスを磨いていきます。 2023.03.27 ギャラリー鑑賞