段崩れを起こさないリスト
CSSのgridを使って段崩れを起こさないリストを作ってみましたので備忘録兼ねて掲載致します。左右どちらかに短い文字が入る場合もあると思います。そんな時に短いテキストを中央表示するように作っています。 HTML [htm […]
CATEGORY Column
gridで作るフルスクリーン画像
以前フルスクリーン画像をブログで投稿したことがあるのですが、今回はgridレイアウトを使ってレスポンシブル対応のフルスクリーン画像を制作してみました。更に画像の上にボックスを重ねてテキストを画像の上に掲載できるようにして […]
gridレイアウトを実装
レスポンシブ対応のgridレイアウトを実装したので備忘録を兼ねて掲載致します。2カラムと3カラムのレイアウトを作成しました。それと、2カラムで左のカラムに右のカラムが重なるレイアウトも実装しています。コードはコピペできる […]
大内塗りについてchatGPTに聞いてみた
山口市の伝統工芸【大内塗り】についてAIのchsatGPTに聞いてみました。まず、GPTが大内塗りを知らなかっとので、大内塗りを学習させました。その後、大内塗りについての質問をしていきました。具体的な質問内容は、「大内塗 […]
AIでロゴマーク作成
AIの進化が凄まじいスピードで進んでいます。ウェブやデザイン業界もAIの影響を受けることは間違いなさそうです。様々なツールがある中で、今回は「こんなイメージでロゴマーク作成」してと命令するとロゴマーク制作をしてくれるAI […]