ページの先頭へ

ピーメモ

ペコネット2

No.316

ペコネット2

いつだったか…Floatレイアウトをレスポンシブ構造へ改変した。さらにその後、Flexboxレイアウトに移行した。
しかしそれでもスマホ、タブレット、デスクトップごとに表示する要素を切り替える方式であったため非効率なのだった。
今となれば古い手法なのだろう。しかし新たなHTML/CSS知識、手法を追う気力もあまり無かった。

当初からのサイトの表面的なカタチはほぼ変わっていない
というのもあって、まぁいいか…な気持ち

今回はAIにも助けてもらい
Gemini...イマイチ評判よくないがダルさを半減、ありがとう

FlexboxレイアウトからGridレイアウトに移行できた。コードを3分の1に削減。
これはスッキリですわ

流れに乗じて構造化マークアップ(JSON-LD)も導入してみる。
ここは最適化を進めておくターンに
#ウェブサイト

by PECONET.
PC作業メモ <380文字> 編集

サイドメニュー

■複合検索

  • 投稿者名:
  • 投稿年月:
  • #タグ:
  • カテゴリ:
  • 出力順序:

■新着画像リスト

Windows版「LibreOffice Calc」ZorinOS版「LibreOffice Calc」WinGet(Windowsパッケージマネージャー)Microsoft Edit ターミナル版メモ帳WindowsXP Professional x64 EditionUbuntu 26.04.01 LTS

全157個 (総容量 26.14MB)

メディアを一覧で観る

■日付検索

■カレンダー

2026年9月
12345
6789101112
13141516171819
20212223242526
27282930

■最近の投稿

■ピブログ(ピーメモプラス)


ピブログ(ピーメモプラス)へのリンク

編集

現在の表示条件での投稿総数

1件

最後編集日時

2026年9月12日(土) 12:19:29〔8時間前〕

RSSフィードの取得