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

メディアライブラリが空に！？ WordPressで制作したサイトのリニューアルのため、旧サイトのサーバーの画像類をWP管理画面からxmlファイルでエクスポートし、リニューアル中のテストサーバーのWP管理画面からインポートした。 当初は問題なく画像が表示されていたが、作成中に突然消えていることが判明。FTPでuploadsフォルダを削除し、再アップしてみたが変わらず。 ...

絵を描く子供は、比較的運動が苦手となる。 過去を振り返ると、保育園や小学生の頃、絵を描いていたのはいわゆる「運動神経がないひと」だった。逆に言うと、「運動神経があるひと」、例えば同学年で一番足が速いひとは、絵を描いてはいなかった。 神経回路が違うのだ。絵を描くために、足を速く動かす回路は必須ではないように、スポーツの練習に絵を描くことは必須ではない。高校や大学の頃はそれぞれ別の地域...

classセレクタと子孫セレクタ。 2010年頃までは、子孫セレクタの使用は普通だった。どちらかと言えば推奨されていた雰囲気があった。W3Cがそう策定しているので、自分が講師をしていた職業訓練校でもそのように教えていた。教科書に記載されており、検定試験でも出題されているのだ。おそらく今でもそうだ。なぜならW3Cが（WHATWGも）そうしているからだ。 だが近年は、classセレ...

デザインに徹底的にこだわるApple社。 高機能なMacintoshに始まり、より洗練されたiMac、iPod、iPhone、iPadなどを発表したApple社。 りんごと長髪と丸メガネ。 Apple。その名前の由来は諸説ある。 創業者の３人のうちの１人であり、なかでもフロント面で中心的な人物であったSteve Jobs（スティーブ・ジョブズ）の閃きによると...

imgタグのsrcsetとsizesが効かない？ MDNで確認。 MDNのサイトに記載されていた、レスポンシブデザイン用の画像指定のサンプルソースコード。 <img srcset="elva-fairy-320w.jpg 320w, elva-fairy-480w.jpg 480w, elva-fairy-800w.jpg 800w" siz...

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

Atom いまさらながら、Atomの使い方を勉強している。ネットで調べていると、使い方について教えてくれるサイトが出てくる。とにかく、とっかかりが欲しい。 Howponさんサイト（https://howpon.com/6391）では、 「AtomがGitHubと連動できるようになると、エディタで編集したものをクリックのみでGitHubに同期まで行えるようになって非常に便利です...