ページの先頭へ

ピーメモ

ピー活編成記録

No.316

ペコネット2のHTMLを編集

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

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

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

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

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

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

サイドメニュー

■複合検索

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

■新着画像リスト

LightCraft 写真管理と編集トリミングもPhotoCraft(フォトショ代替)を使ってAdobe代替 Linux(Flatpak版)VectorCraft 動作が軽いイメージは完全セーフ(生成AI使用)シュルレアリスムの下描き

全201個 (総容量 32.57MB)

メディアを一覧で観る

■日付検索

■カレンダー

2026年9月
日月火水木金土
12345
6789101112
13141516171819
20212223242526
27282930

■最近の投稿

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


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

編集

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

1件

最後編集日時

2026年11月2日(月) 19:16:36〔10時間前〕

RSSフィードの取得