※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でのサイト制作中にどのファイルを修正すればいいのか分からない場合、思い当たるファイルを片っぱしから調べるのは結構な手間です。その手間を省き...
※Web開発

【テーマ:自然、ありのまま。】

9.自然、ありのまま。 コピペで使えるカラーコード#b6c0a8#668863#edefea#b38a59 スクロールできます 【テーマ:自然、ありのまま。】 その名の通り、植物そのままの自然な色でできたカラーパレット。 落ち着いたグリーン...
※Web開発

【WordPress】Subscribe2でメールが届かない原因と対処法

※Web開発

【備忘録】『Subscribe2』で記事投稿時の通知メールが送信できなかったときにやったこと

※Web開発

【迷ったらコレ!】Webデザインでよく使う定番おすすめフォント13選(日本語・欧文・ゴシック・明朝など)

※Web開発

WordPressで簡単メールマガジン!「Subscribe2」プラグインの使い方