HTML/CSS 静的ページにオリジナルデザインの自動返信機能付き問い合わせフォームを実装 今まで「静的サイトに問い合わせフォームを実装することはできない」と思い込んでいたのですが、調べてみると、割と簡単に実装できる方法があるという。そこで今回、htmlにGoogleフォームを組み込んでオリジナルデザインにしつつ、GASでメール自動送信機能をつけた問い合わせフォームを実装し、その備忘録を残してみました。 2024.03.31 HTML/CSSWeb制作
HTML/CSS webp(ウェッピー)で表示速度は劇的にあがるのか? 「webpで表示速度は劇的にあがるのか?」という問いに対しては、はっきりイエス!!とは言えないものの、カラフルな画像(64色以上の画像)に関してはwebpを採用することで表示速度の大幅な改善が見込めます。 2023.12.31 HTML/CSSWeb制作
HTML/CSS 【CSS】z-index:-1;で擬似要素が上に来たりどこかに消えたりする。その原因と対処法 先日、擬似要素を奥に置きたくて「z-index:-1;」という指定を入れてみたとき、擬似要素が想定より上(手前)に来てしまったりどこかに消えてしまったりするという場面に遭いました。そこで、z-indexプロパティと擬似要素の関係について調べ、今回、備忘録としてまとめてみました。 2023.10.09 HTML/CSSWeb制作
制作実習 【職業訓練】Webサイト制作実習(静的サイト) 制作1~2日目は、いきなりコードを書いていくということをせず、Adobeのillustratorを使ってコンセプトシートやデザインシートといったものを作成するというところから始めました。 2022.09.27 制作実習職業訓練