Qiitaにて技術ブログ記事を投稿しました!!

こんにちは。フロントエンド志望のRioです。

今回ポートフォリオ制作にあたって私が苦戦したバグや機能の導入方法などを説明したデバッグログや技術記事を計3本Qiitaにて投稿させていただきました。

CSSも実践になると色々な要素が複雑に絡み合ってきて難しいので
不具合で詰まってる方々の参考になればと思います。

よろしくお願い致します。

【デバッグログ】overflow:hiddenが効かない？なぜ？ - Qiita

こんにちは。フロントエンド志望のRioです。 今回もよくある「○○が効かない。なぜ？」をやっていこうと思います。 私が自分のポートフォリオサイトを制作している時に遭遇したバグです。 今回は overflow:hiddenです。 overflowとは、親要素に指定する、子要...

https://qiita.com/riotokashiki/items/f15bdf92c29761d665da

【Intersection Observer】ページのスクロールに呼応して関数を発火する方法 - Qiita

どうもこんにちは。フロントエンド志望のRioです。 皆さんWebサイトを閲覧していてたまにスクロールダウンしたら後から文章や写真などの要素が時間差でスライドインしてきたりフェードインしてきたりするWebサイトを見たことがないでしょうか？ 私はまさにそんなおしゃれなWebサイ...

https://qiita.com/riotokashiki/items/237888ad9b2fb2ec4e47

【デバッグログ】ヒーローイメージのクリック誘導ボタン作成に苦戦・・・【z-index】 - Qiita

どうも フロントエンド志望のRioです。 こちらが私のポートフォリオのヒーローセクションになります。ご覧ください。 「作品を見る」と書いてある赤いボタンがご覧になれるかと思います。 ポートフォリオを作ってて、 このボタンの周りをグラデーションがぐるぐる回るかっこいいボーダ...

https://qiita.com/riotokashiki/items/d32a9a1a27813586f761