SVG画像を背景にしたときに要素内いっぱいにならない場合の対処法
イラレなとで作成したSVG画像を背景に指定して、100％にしたり、coverにしたりで要素いっぱいに拡大して広げたいとき、SVG画像のサイズが大きくならない時があります。そういう時の対処法です。 この作業にはコードを編集できるエディタが必要です。VScode...ブンデスリーガファン向け・選手のオートグラフカード（サイン）の貰い方
こんにちは。今日はデザインとは関係ない、趣味のサッカーに関するブログです。 私はサッカー全般が割と好きなのですが、とりわけガンバ大阪のサポーターです。 今回はドイツ・ブンデスリーガのフランクフルト所属・元ガンバ大阪で日本代表の堂安律選手の2...CSS使用・レスポンシブで要素を常に正方形に保つ方法！
どうもお世話になっております。本日はレスポンシブデザインなのに常に画像などの要素を正方形に保つためのCSSコードをご紹介します。これを使用すればブラウザを可変したときでも常に正方形をキープできます。 コード紹介 さっそく答えです。 CSSコードは...パーマリンクはこれでいい！WordPress初心者におすすめパーマリンク設定方法
今回はWordPressのパーマリンクについて記載します。WordPressを立ち上げた際にすぐに行うことの一つがパーマリンクの設定です。 デフォルトの設定では長ったらしいし、日本語URLになってしまうことでSNSなどにシェアする時などに悪影響出るため、WordPres...年末年始の休業日について（12/29〜1/6）
毎度お世話になっております。本年度の年末の休業日をお知らせいたします。 休業日：2025/12/29〜2026/1/16 それに伴い年内納品が難しい案件がございますので申し訳ございませんが別途ご相談の程よろしくお願い致します。ブログ日記・最近の勉強、ITパスポート取得目指す等
こんばんは。菅井です。 最近tipsのネタがないので日記程度にはなりますが勉強のことを少し。 まず今年入ってからぼちぼち勉強していたITパスポートなんですが、結局なかなか独学でやることに限界を感じてきたので、オンライン動画で学べる講座を購入して...Safariだけでposition:absoluteがずれるときの確認事項・対処方法 CSS
タイトル通り、Safariでだけabsolute指定した要素がずれていることがあります。 Safariはほんまにこういうこと多くて困るんですけども。 とりあえず確認するべき事項としては、absoluteにするときにtopとかleftで位置の指定をしますよね。その時に、例えば...解決！iOSのみWordPressで埋め込んだYouTube動画がエラー153で表示されない件
特定のiPhone/iPadで見る時だけ、youtubeのサムネイルの部分が黒い画面になって「エラー153」と表示される現象が発生しています。パソコンでは問題ないです。 つい先日までは絶対こんなことなってなかった。なのに突然エラーが出る仕様になる。外部サービ...iOSのsafariでだけ要素を表示させるJavaScript
こんにちは菅井です。 コーダーの皆さんなら毎度毎度iPhoneのsafariにはほとほと困らせられてる日々をお過ごしだと思いますが、今回はiOSのsafariでだけどうしても動作しないプラグインがあり、その注意書きをsafariでだけ表示させたいと思いましたので、j...
