HTML CSS 【CSS初心者必見】サブグリッドで簡単にカード型デザインを作成する方法
CSSのグリッドレイアウトを活用し、効率的にデザインを整えたいと思ったことはありませんか？特にカード型デザインを統一感のあるレイアウトにしたい場合、サブグリッドを使うと驚くほど簡単に実現できます。この記事では、サブグリッドを使って、カード型...
HTML CSS
HTML CSS 
HTML CSS ContactForm7 ラジオボタンリストの作成とカスタマイズする方法
ContactForm7で、ラジオボタンの選択項目を作成ContactForm7で、ラジオボタンの選択項目を作成する場合ContactForm7の設定画面で簡単に設定できます。ラジオボタンの選択項目を作成したいところにカーソル置いた状態にす...
HTML CSS CSS設定が反映されない場合！コンパイル後の作成場所の問題かも？Live Sass Compilerの設定確認方法
こんにちは、今回はLive Sass Compilerを使ってコンパイルしてる場合CSSをコンパイルして作成されるCSSファイルの出力場所の設定の方法を記事にしてみました。これ知ってないと、cssが反映されない！！ってなっちゃいますよ。では...
HTML CSS Contact Form 7 エラー: このコンタクトフォームは間違った位置に置かれています。と表示された時の対処方法
Contact Form 7でフォーム作成して設定表示しようとしたら、下記のようなエラーが出て表示されなかった。エラー: このコンタクトフォームは間違った位置に置かれています。その時に、チェックした方法を記事にしてみました。エラーの考えられ...
HTML CSS パスワード生成機能を作成して個人用にGoogleChromeの拡張機能に登録してみた【サンプルコード有】
こんにちは、この動画では、パスワードを自動で作成する機能作って。GoogleChromeの拡張機能に登録してみました。拡張機能の登録は難しいと思ってましたが、自分のChromeだけに登録する場合は、簡単にできたのでその方法を動画にしてみまし...
HTML CSS XserverでメールのSPF設定・DKIM設定・DMARC設定する方法実際にやってみました
エックスサーバーでSPF設定・DKIM設定・DMARC設定の方法調べたら簡単だった！すぐにできるので、この記事参考にして、すぐに設定しましょう。DKIM設定DKIM設定についてDKIM設定は、送信メールの改ざん・なりすましを防ぐ技術です。送...
HTML CSS HTML・CSSでアイコン付の 外部リンクとファイルダウンロードをするボタン作成してみた【サンプルコードあり】
css ファイルダウンロードさせるボタンと外部リンクアイコンを横に配置した表示のボタンを作ってみたので、そのコードをこの記事に残しときます。よかったら参考にしてみてください。記事下のYouTubeチャンネルでも公開してるので、実際の動きも確...
HTML CSS animation効果をレスポンシブ時にある画像サイズ以下はanimation効果解除・停止する方法【サンプルコードあり】
CSSで、animation効果と使って動きをつけてる場合。スマホ画面の（一定の画面幅以下）の場合はanimation効果を解除したい場合。その方法調べたがあまり情報が見つからなかったので記事に残します。今回調べてみて、JavaScript...
HTML CSS HTML・CSSコーディング時に知ってる便利だが使い方よく悩むセレクタ４選。first-child・first-of-type・A ~ B・A > B
HTML/CSSコーディングする時に知ってると便利なセレクタこれいつもあれ？ってなるからここに書いてのこしました。1.first-child 兄弟の中で最初の要素を指定first-childは、指定した要素の兄弟（同じ階層）で一番最初の要素...
HTML CSS headerナビゲーションメニューをHTML・CSSコーディング時参考にできるように、ヘッダーナビのサンプル作ってみました。【サンプルコード・CODEPENリンクあり】
headerナビゲーションメニュー （headernav）いろいろなパターンがある。また、案件によって微妙に違ってくるので、基本のパターンのコードをリスト化してみました。とりあえずこの記事では、私が最近までに作ってきた物を取り上げてみました...