サイト制作– category –

イラレなとで作成したSVG画像を背景に指定して、100％にしたり、coverにしたりで要素いっぱいに拡大して広げたいとき、SVG画像のサイズが大きくならない時があります。そういう時の対処法です。 この作業にはコードを編集できるエディタが必要です。VScode...

どうもお世話になっております。本日はレスポンシブデザインなのに常に画像などの要素を正方形に保つためのCSSコードをご紹介します。これを使用すればブラウザを可変したときでも常に正方形をキープできます。 コード紹介 さっそく答えです。 CSSコードは...

タイトル通り、Safariでだけabsolute指定した要素がずれていることがあります。 Safariはほんまにこういうこと多くて困るんですけども。 とりあえず確認するべき事項としては、absoluteにするときにtopとかleftで位置の指定をしますよね。その時に、例えば...

こんにちは菅井です。 コーダーの皆さんなら毎度毎度iPhoneのsafariにはほとほと困らせられてる日々をお過ごしだと思いますが、今回はiOSのsafariでだけどうしても動作しないプラグインがあり、その注意書きをsafariでだけ表示させたいと思いましたので、j...

HTMLコーディングをしていてアンカーリンク（#をつけたページ内のリンク）先の見える部分が、固定ヘッダーなどで隠れたり、ずらしたいなってとき多いと思います。いくつか対処法があるのでこちらにまとめておきます。なんでいくつか紹介するかというと、サ...

こんにちは。今回はGSAPを使用したアニメーションを実装するコードを紹介します。 最初は何も表示されてない状態で、スクロールして可視領域に入ると、左から右に徐々に要素が出てくるというアニメーションです。クライアントさんから実装してくれってよく...

こんにちは。 お客様からのご要望があったので、スクロールに連動して文字の色が左から右へゆっくりと変化するテキストアニメーションを、JavaScriptライブラリ「GSAP（GreenSock Animation Platform）」を使って実装してみました。 動きはとてもシンプル...

サイト内を整理して滞在時間を増やす！なるべく費用をかけずに内部SEOをやってみよう こんにちは。先日、外部SEOについての記事をアップしましたが、今回は内部SEO（サイト内で出来る施策）について解説していきたいと思います！ 内部SEOとは？？ SEO対策...

外部からのアクセスを増やそう！なるべく費用をかけない、外部SEOの簡単活用ガイド・入門編 こんにちは。今日は初心者向けの外部SEOについていくつか解説していきます。SEO検定一級所持者の目線から、なるべく簡単で、気軽に継続できるためのヒントをお伝...