safariで、一部クリックしても動作しない部分があった。 調べてみると、divタグやpタグでのclickイベントが動作していない模様。 対策までの一部始終をメモしておく。 問題のあったコード まず、問題のコードは以下の通り。 HTML ： <p class="button open">OPEN</p> <div class="close"> ： </div> ： CSS .close { display: none; } Javascript(jQuery) $(document).on("click", ".button", function(){ $('.button .close').show(); }); OPENをクリックすると、divの内容が表示される仕組み。 でもsafariだと動かない…。 対策 すごく簡単なことだけど、CSSに以下を追記すればいけた。 CSS .clos

プログラマから軽く見られがちなHTMLコーディング。 実はとっても大変な仕事で、スキルもプログラマ以上に必要となる。 プログラマは特にHTMLコーダーや、HTMLコーディング作業を軽く見る傾向があるが、実際やらせてみると全然できないことが多い。 正直、HTMLコーディングは、単一言語、単一プラットフォームでの開発が多いプログラム作業より、よっぽど高度で大変な作業だと思う。 これからHTMLコーディング作業に臨むプログラマがこの記事を見たら、HTMLコーディング作業を舐めずに取り掛かってほしい。 求められるスキル HTML　正しいマークアップスキル CSS　表現の引き出しの多さ、デベロッパーツールで確認が出来る、各ブラウザ対応ができる、各デバイス対応ができる JavaScript　言語の理解、引き出しの多さ、デベロッパーツールでデバッグができる HTTPやセッション、Cookieなどを正しく