Thumbnail of post image 077

※2022-12-05追記
人気記事だったので確認してみたら、
内容がクッソ分かりにくかったので
リライトしました。
以前の記事見てしまった人、申し訳ないです。

 

今日、タイト ...

Thumbnail of post image 047

今回はjQueryを使用したページ内スクロールを
簡単に実装できるようなjQueryコードを紹介します。

 

jQuery$('.b-scroll01').on('click' ...

Thumbnail of post image 192

今回はWEB制作コーディングからたどり着いた一つの考え方について
記載していく記事になります。

結論から言うと

jQuery専用のクラスを作り、そのクラスを実装した<section>を
フ ...

Thumbnail of post image 142

WEB制作におけるメモシリーズ。

 

ページトップボタンの実装

まず、こんな感じの簡単なボタンを画面右下に配置。

 

HTML<div class="scroll-top&quo ...

Thumbnail of post image 092

WEB制作におけるメモシリーズ。

HTMLの要素順番をCSSで変える方法を記載していきます。
一言で言うとflexboxを使っています。

主にレスポンシブ対応するときに必要になると思われるので、

Thumbnail of post image 013

自身の勉強、復習がてら、

親要素を中心に要素を配置する方法を記載していきます。

この手の記事に前置きや余計な情報は不要とみて
さっさと書いていきます。
(せっかちな方歓喜)

 

Thumbnail of post image 075

今回はサクッと要素に枠線を引く方法を紹介します。

Webページの装飾はもちろん、

要素がどこにあるのか、どのような挙動をしているのかを知ることができるので、
様々な場面で役立ちます。

マジで ...

Thumbnail of post image 039

「さて、要素を中央寄せにしたいからググるか・・・お、

text-align: center;

と書けばいいのか。
よし、書こう!」

その後、彼のHTML要素は中央になりませんでした。

Game ...