Thumbnail of post image 134

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

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

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

Thumbnail of post image 087

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

 

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

Thumbnail of post image 067

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

結論から言うと

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

Thumbnail of post image 114

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

 

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

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

 

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

Thumbnail of post image 153

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

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

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

Thumbnail of post image 046

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

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

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

 

Thumbnail of post image 162

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

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

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

マジで ...

Thumbnail of post image 056

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

text-align: center;

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

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

Game ...

Thumbnail of post image 025

CSSでアニメーションの勉強をしてて
「アニメーションのライブラリみたいなのってないのかな」
とふと思いました。

調べてみるとやっぱりあるんですよ。
それもたくさん。

今回は見つけたうち ...

Thumbnail of post image 144

こんにちは、だいちゃんです。

今日は勉強がてらサイトのコードを見て回ってたら
とても良い記述があったので、紹介します。

CSSに慣れている方なら
「この程度のコード当たり前だろう」って思うような ...