shimizu

※Web開発

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

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

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

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

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

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

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

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

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

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

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

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

ほんとにCocoon⁈ おしゃれで見やすいブログデザインの作り方 |余白の大切さ

※Web開発

HTML SVG の基本的な使い方(SVG入門)

※Web開発

CSS新機能「Subgrid サブグリッド」の使い方!

※Web開発

【レスポンシブ】CSSで作るtableデザイン&コーディング【コードあり】

もはやスマホ表示を考えないwebサイトは新規制作やリニューアルではほぼない今日、どんなに横に長いテーブルでもレスポンシブでどうするか考える必要があります。PCで組むだけなら何も考えずに済むのですが、スマホの縦長の画面で如何にユーザビリティを...