idセレクタは使ってはいけない？ あるときある学校で、idセレクタは遅いから使ってはいけない、という講師と出会ったことがある。CSSのセレクタはclassセレクタが一番速い、検証してみたから間違いない、そうだ。 正直なところまったく賛同できなかった。本当に検証したのならそうなのかもしれないが、実際にはその証拠を見せていなかった。 ちなみに、学校で学ぶことも多いWebデザイ...

CSSが反映されない。 どうもCSSが反映されない事が多い。というかサーバー上で直接編集していると、ほぼ毎日、反映されない現象が起きる。サーバーのキャッシュが原因だと思われるが、ここ数年全く改善されていない気がする。 CSSが反映されない原因としては、 ・ブラウザのキャッシュ ・サーバーのキャッシュ ・CSSの記述ミス ・.htaccessの記述の問題、など。 ...

CSS3 filterプロパティの優秀さ。 Webサイトにとって写真は重要だ。古来から百聞は一見に如かずとも言うように、人間は文字情報よりも視覚情報の方がはるかに早く伝わる。 腕の良いカメラマン、カメラウーマンが撮ってくれた写真があればベストなのだが、当然費用がかかる。個人的には写真素材はプロにお願いしたいが、小規模サイトの場合、そうもいかないことがある。必ずしもプロの写真を用...

HTML5やCSS3、SEOなどの先端技術を無料ツールで。 今年2021年、5年ほど前に制作したサイトのリニューアルを承った。前回もリニューアルをしたので、2度目のリニューアルだ。ありがたいことに去年からお願いをされていたのだが、私の目の不調により待ってもらっていた。 だいぶ出来上がったので、ちょっと振り返ってみる。 マイク英会話教室札幌さまのサイト > ...

パスにもファイルにも問題ないのに404エラー？ デベロッパーツールのコンソールに不明なパスによるエラー。 前々から気にはなっていたが、作業時間を取られてしまうので無視していた、Chromeのデベロッパーツールのコンソールに出ていたエラー。 ありえない404、かつSEOにも表示にも関係のない画像ファイルに対するものなので放っておいた。一応パスを確認したが問題はな...

classセレクタと子孫セレクタ。 職業訓練校の場合。 2014年頃までは、子孫セレクタの使用は普通だった。Webの標準化団体のW3Cがそう策定しているので、自分が講師をしていた職業訓練校でもそのように教えていた。 検定試験用の教科書の場合。 idセレクタや子孫セレクタは検定試験用の教科書に記載されており、実際の試験でも出題されている。おそらく今でもそうだろ...

SVG？ SVGアイコン。 多くのフリー素材サイトにある、便利で手軽なアイコンやピクトグラム。 IllustratorやPhotoshop等で自作しなくても、簡単にアイコンが使える時代になった。 なかでもSVG形式のアイコンは、Webサイトで使用するアイコン画像として非常に優れている。 ベクター形式なので、ディスプレイの解像度や大きさによる劣化がなく、かつ軽い...