これは何 レスポンシブなWebサイトを作る時にありがちな、「画面幅が広い時は、要素の最大幅で横中央揃え」になり、「画面幅が狭い時は、左右に余白を持って画面幅に合わせて横幅が狭くなる」要素のCSSの書…
はじめに 「画像の表示時に元画像を引き伸ばさずにそのままの比率で表示したい」と言われたことが彼(object-fit)と出会ったきっかけでした。 object-fitプロパティは、画像や動画などのコ…
chatGPTにページレイアウト構成を正確に指定して、サイドバーにfiletreeを入れる。 以前chatGPTに作ってもらったページレイアウト構成のプログラムと、ファイルツリーのプログラムを組み合…
chatGPT4に「ライブラリを使用しないで、filetreeを作る」と入力したら、希望通りに実装してくれた。 htmlファイル(filetree.html)： <!DOCTYPE html> <h…
https://codepen.io/nomag201/pen/ZEMmygo
