position: stickyの使い方。 サイドバーをスクロールの途中で固定させたい場合、以前はJavaScriptなどを組み合わせなければ実装できなかった。それがposition: stickyの登場により、CSSだけで可能になった。 ブラウザ対応もすでに追いついており、使い方を覚えると、とても便利なプロパティとなる。 position: sticky...

Codeのコピーボタン追加のWordPressプラグイン。 意外としっくりくる感じのものが見つからなかった。 ネット上でよく見る、コードをコピーできるボタンをWordPressのプラグインなどで実装しようとしたところ、なかなか見つからなかった。 「Copy Anything to Clipboard」や「highlight.js」、「prism.js」はうまくいか...

WebPの壁、IEが公式にサポート終了。 Internet Explorerがサポート終了に。 いよいよというか、ついにというか、2022.06.16にIEのサポートが終了した。 そこで、改めて画像形式、WebPについて考察してみた。 WebPの開発元であるGoogle社のChromeはもちろん、Apple社のSafariも2020年から対応している。 M...

VSCodeの配色テーマ選択方法。 GitHubからAtomの開発終了が発表されたので、ひとまずVSCodeへ移行することに。 VSCodeはちょっと画面がガチャガチャしているので、極力シンプルにしたいときは、、、 手順。 「Code」 > 「基本設定」 > 「配色テーマ」へ進む。 画面左下の歯車マークからも進むことができる。 ショートカット ...

想像力がなければ、デザインしようがない。 デザインには想像力が必要だ。そして想像力を持つためには知識と経験が必要だ。なので知識の中に原則・法則を入れておくととても役に立つ。 知らないことを想像することはできない。 200年前に地球の反対側に住んでいた人の流行りごとは何なのか？ 現代で最もクールでホットで新しくて古い画家は誰なのか？ 深海の底や、宇宙の端っこ...