ホームページ制作系 タイピング風に文字を表示する
ついでに、参考として、タイピング風に文字を表示するコードも書いておくよ。▼見逃した人は、ブラウザの画面を再読み込みしてみてください。 const text = "タイピング風に文字を表示する"; const target = documen...
ホームページ制作系
ホームページ制作系 
ホームページ制作系 文字をスーッと出したい。キーフレームアニメーションでやってみる。
前回の続き(笑) 文字をスーーーッと出したい。 文字をスーッと出したい。これはCSSのキーフレームアニメーション使うパターン。↑見逃した人は、ブラウザの再読み込みをしてみてください。文字の上に、カバー用のdivを乗せてそれを動かしている。...
ホームページ制作系 文章をスーッと出したい、それAOSの出番です。
ひさーーーーーーーーしぶりに、クラスの授業で企業さまのグループ制作をすることになりました。で、ヒアリングの時に「スクロールしていくと、こうやって文章がスーッと表示される感じで・・・」という表現があり、厳密に言うとちょっと違うけど、AOSでや...
ホームページ制作系 背景画像を対角線上に配置（背景画像を複数 読み込みたい）
背景画像に、対角線上に画像を読み込み、かつ、それとは別に1枚もの背景を表示したい、という質問。背景を複数読み込んで、位置を指定したら良いかと。出来上がりとかデザインとか内容とかは置いといて、サンプル作ってみたけど、こんな感じ。⇒ 背景複数読...
ホームページ制作系 Favicon（ファビコン）を作ろう
私はジェネレーター使う派。260ピクセル以上の正四角形の画像を用意。保存形式は「PNG、JPG、SVG」がおススメ。ということで、イラストレーターで作ろうかな。完成したら普通に「.ai」で保存するのはもちろん、今回は「.svg」で保存したも...
ホームページ制作系 OGP補足（イラストレーターで制作した時）
某職業訓練校に、代講で入ったんよ。Photoshopはこれから習うみたいだったので、イラストレーターでOGPの画像を作ってWeb用に書き出しして使ってもらうことにしました。が、制作時間が足りなかったので、いつもの先生に、後はお願いします。引...
ホームページ制作系 FileZilla（ファイルジラ）をインストールして、fc2サーバーと接続してみよう
ホームページが完成したら、サーバーにアップロード。授業では fc2 のホームページを使わせてもらってるんですけど、FTP接続は教科書的には「FileZilla（ファイルジラ）」なので、補足をこちらにメモしておきます。今回、本家サイトからダウ...
ホームページ制作系 HTMLで作成したサイトに、Instagramのタイムラインを表示したい
このブログはワードプレスですけど、普通にHTMLとCSSでサイト制作したとして、インスタグラムのタイムラインを表示したいんだよね、ということはあるかもしれないので、やってみた。閲覧数がそんなになければ（月に表示回数200回まで）Elfsig...
ホームページ制作系 GPTs×Geminiで”ノーコードアプリ”を作ってみた話
▼ 元ネタはこちらGPTs×Geminiで"ノーコードアプリ"を10分で！悩まないための「コピペ10秒」アプリ作成GPTs✨｜Horo（鈴木和浩）このブログの動画にあるように、ほんとにサクッと。アプリそのものは完成！！その後がね、これはどう...
ホームページ制作系 VSコードで「html:5」を入れると「lang=”en”」になってしまう
生徒さんから質問があって、Visual Studio Code（VSコード）で「html:5」と入力し、HTMLのひな型を出したときに「lang="en"」になってしまう。デフォルトで「lang="ja"」にしたい。これ、我が家のVSコード...