ホームページ制作系 画像の特定の位置にリンク画像を置く
サンプルデータこういうやつです。（別画面で開きます）⇒ 画像の上にピン（リンク画像）を置くデータ見た方が分かると思うので ⇒ サンプルデータ（gazou-no-ue-ni-pin-link.zip）いろんな書き方があるので、よかったら参考に...
学校
ホームページ制作系 
ホームページ制作系 PCでは改行、スマホでは改行をなくしたい
PCでは改行したいが、スマホで見た時には改行したくない。いろんなやり方があるので、参考として。PCは改行、スマホで改行を消す▼HTML PCは改行、スマホで改行を消す（横幅767px以下の場合だけ改行を消す）<p> 山路を登りながら、こう考...
ホームページ制作系 ページ内リンクのリンク先に上余白をつくる
ページ内リンクをしたときの、ちょっとした違い。リンク先に飛んだ時、見出しの上の余白の違いを見比べてみてほしい。⇒ ページ内リンク、リンク先の上に余白なし⇒ ページ内リンク、リンク先の上に余白あり⇒ ページ内リンク、リンク先の上に余白あり＋メ...
個人事業主 さくらサーバーのメールが受信できない件
友達から質問があったので、ここに書いておきます。ごめんけど、これ見て、自分で不要なメールを削除してくださいませ。さくらインターネット 会員認証にログイン ⇒ コントロールパネルを開くメール ⇒ メールアドレスメールボックスの容量がいっぱいで...
ホームページ制作系 タイピング風に文字を表示する
ついでに、参考として、タイピング風に文字を表示するコードも書いておくよ。▼見逃した人は、ブラウザの画面を再読み込みしてみてください。 const text = "タイピング風に文字を表示する"; const target = documen...
ホームページ制作系 文字をスーッと出したい。キーフレームアニメーションでやってみる。
前回の続き(笑) 文字をスーーーッと出したい。 文字をスーッと出したい。これはCSSのキーフレームアニメーション使うパターン。↑見逃した人は、ブラウザの再読み込みをしてみてください。文字の上に、カバー用のdivを乗せてそれを動かしている。...
ホームページ制作系 文章をスーッと出したい、それAOSの出番です。
ひさーーーーーーーーしぶりに、クラスの授業で企業さまのグループ制作をすることになりました。で、ヒアリングの時に「スクロールしていくと、こうやって文章がスーッと表示される感じで・・・」という表現があり、厳密に言うとちょっと違うけど、AOSでや...
ホームページ制作系 背景画像を対角線上に配置（背景画像を複数 読み込みたい）
背景画像に、対角線上に画像を読み込み、かつ、それとは別に1枚もの背景を表示したい、という質問。背景を複数読み込んで、位置を指定したら良いかと。出来上がりとかデザインとか内容とかは置いといて、サンプル作ってみたけど、こんな感じ。⇒ 背景複数読...
ホームページ制作系 Favicon（ファビコン）を作ろう
私はジェネレーター使う派。260ピクセル以上の正四角形の画像を用意。保存形式は「PNG、JPG、SVG」がおススメ。ということで、イラストレーターで作ろうかな。完成したら普通に「.ai」で保存するのはもちろん、今回は「.svg」で保存したも...
ホームページ制作系 OGP補足（イラストレーターで制作した時）
某職業訓練校に、代講で入ったんよ。Photoshopはこれから習うみたいだったので、イラストレーターでOGPの画像を作ってWeb用に書き出しして使ってもらうことにしました。が、制作時間が足りなかったので、いつもの先生に、後はお願いします。引...