Thumbnail of post image 125

今日、タイトルそのまんまの事象が発生しました。

具体的には、トップページの一番上の背景画像を
jQueryを使ってスライドさせようとしたときです。

margin-rightを1000pxぐらいを初期値に ...

Thumbnail of post image 047

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

 

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

Thumbnail of post image 156

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

結論から言うと

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

Thumbnail of post image 199

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

 

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

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

 

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

Thumbnail of post image 059

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

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

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

Thumbnail of post image 067

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

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

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

 

Thumbnail of post image 058

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

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

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

マジで ...

Thumbnail of post image 187

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

text-align: center;

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

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

Game ...