※Web開発

※Web開発

【CSS】flexboxの要素を任意の位置で改行する方法

【CSS】flexboxの要素を任意の位置で改行する方法 | でざなり (dezanari.com)flexboxの中の要素はflex-wrap: wrap;で改行できますが、これって要素がいっぱいあってこれ以上入らない場合に改行するプロパ...
※Web開発

WordPressループの最初と最後だけ別の処理を行う方法

WordPressループの最初と最後だけ別の処理を行う方法 | でざなり (dezanari.com)
※Web開発

明日から使えるCSS設計【PDFLOCSS】

はじめに|明日から使えるCSS設計【PDFLOCSS】 (zenn.dev)CSS設計で本当に難しいのは「ルールを理解すること」ではなく「ルール通りに自分でコードを書くこと」だと思います。 実際にコードを書いていると「あれ、ここってどうすれ...
※Web開発

【完全まとめ】WordPressでカテゴリーを出力する方法【目的別】

【完全まとめ】WordPressでカテゴリーを出力する方法【目的別】 | でざなり (dezanari.com)今回はWordPressでカテゴリーを出力する方法を総まとめします。カテゴリーを出力する際に使える関数がたくさんあってどれを使え...
※Web開発

いいこと聞いた! CSSのデフォルトとして記述しておくと便利、img要素に設定するスタイルのまとめ

最近ではモダンブラウザをターゲットにした場合、リセットCSS自体は必要ないかもしませんが、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。その中の一つとして、img要素に設定しておくと便利なスタイルを紹介しま...
※Web開発

CSSのmarginをあまり書かなくなった話

Webサービスのレイアウトについて大きく以下が考えられます。縦に並べる横に並べる絶対配置さらに、それぞれに対して以下が考えられます。不規則的な配置規則的な配置今回は、縦に並べることに着目して、マークアップを考えてみます。不規則的な配置のパタ...
※Web開発

【Git入門】サルでも分かるGit入門の前に!Git使い方高速入門編【入門は5分で十分だと思います】

※Web開発

絶対に失敗しないWordPressの移行手順!データベースからファイル一式をバックアップして移行する方法

プラグインを使用せずに、WordPressを移行する方法を紹介します。すごく簡単なので、是非試してみてください。データベースの新規作成まず最初に行うことは、移行先のレンタルサーバーでデータベースを新規作成します。作成方法はレンタルサーバーの...
※Web開発

【webpack】slickをnpmで読み込む方法【cssも読み込む】

jQueryスライダーとして有名なslickをnpmで読み込む方法の解説です。目次必要な環境早速slickを使えるようにするCSSもwebpackで読み込みたい場合【おまけ】jQueryをどこでも使えるようにしておくまとめ必要な環境必要な環...
※Web開発

テキストユーティリティ(Text)

整列、折り返し、太さなどを制御する一般的なテキストユーティリティの解説と例。このページの項目文字の配置クラス追加一部クラス名変更一部廃止テキストの折り返しとはみ出し単語の改行文字の変換フォントサイズ新設文字の太さとイタリック体クラス名変更ク...