javascript shimizuya
javascript ※Web開発 メールフォームプロCGIの設置と設定方法を解説
メールフォームを作成する事の出来るmailformproの実装方法 以下のサイトからダウンロードできます。メールフォームプロCGI - SYNCK GRAPHICA head内の記述（cssの読み込み） <link rel="stylesh...
※Web開発 WordPressでglobal-styles-inline-cssを無効化する
global-styles-inline-cssを無効化する 使用しているテーマのfunctions.phpに以下のコードを追加します。 add_action( 'wp_enqueue_scripts', 'remove_global_st...
※Web開発 これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape
※Web開発 CSSの比較関数が便利すぎる！ min(), max(), clamp()の使い方を詳しく解説
下記は各ポイントを意訳したものです。※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの比較関数のサポートブラウザ CSSの比較関数 min()関数とは max()関数とは clamp()関数とは cl...
Bootstrap CSS コンテナクエリ（@container）の便利な使い方を解説
下記は各ポイントを意訳したものです。※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSコンテナクエリの背景 CSSメディアクエリの問題点 CSSコンテナクエリはどのように役立つのか？ CSSコンテナクエリの基礎知...
Bootstrap CSS Flexbox 各プロパティの使い方を詳しく解説
Flexboxで実装する定番レイアウトのコードのまとめ CSS flexboxとは CSS flexboxの使い方 flexコンテナ: flex-direction（横並びと縦並び） flexコンテナ: flex-wrap（単一行と複数行の...
※Web開発 Bootstrap5 navbar
※Web開発 表示されているページでどのテンプレートファイルが使われているかを調べる
表示されているページ上で使われているテンプレートファイルを表示させる方法メモです。 WordPressでのサイト制作中にどのファイルを修正すればいいのか分からない場合、思い当たるファイルを片っぱしから調べるのは結構な手間です。その手間を省き...