鹿児島のフリーランスWebデザイナーのブログ｜小田聖夏

コピペの落とし穴

HTMLのコーディングで、
＜head＞ 内のmetaタグやスタイルシートのリンク、JavaScriptのリンクなど、使いまわせるものは、よくコピペで済ませることが多い。
そのせいで、受講生が記載した間違いになかなか気づけず、解決に1時間ほどかかってしまった；

今回の内容は、Animate.cssと、スクロール時にAnimate.cssを実行させるwow.jsの使い方。
教えたところまでは問題なかったが、wow.jsが全く機能しないという状況に。

問題は
Animate.css（スタイルシート）とwow.js（JavaScript）のリンク方法が全く異なるにもかかわらず、
受講生がAnimate.css用のリンクをコピペして、そのままファイル名だけをwow.jsに書き換えてしまったのが原因。

以下のように、リンク方法自体が違います。

相対パスやファイル名ばかりを確認して、リンク方法そのものには注意が向かなかった

これを機に、私自身も
たまにはコピペをやめて、1文字ずつ手動で入力しなければ
と思った次第。

メッセージorコメント