CSS position: stickyの使い方。効かない!ときはここをチェック。 2022.06.29 position: stickyの使い方。 CSSでsticky。 position: sticky; サイドバーをスクロールの途中で固定させたい場合は、以前はJavaScriptなどを組み合わせなければ実装できなかった。 それが「position: sticky」の登場により、CSSだけで可能になった。 ブラウザ対応もすでに追いついており、使い方を覚えると、... CSSmemosWebデザイン
jQuery + JavaScript + CSSでコピーボタンを実装。(コピペ可。) 2022.06.21 Codeのコピーボタン追加のWordPressプラグイン。 意外としっくりくる感じのものが見つからなかった。 ネット上でよく見る、コードをコピーできるボタンをWordPressのプラグインなどで実装しようとしたところ、なかなか見つからなかった。 「Copy Anything to Clipboard」や「highlight.js」、「prism.js」はうまくいか... jQuerymemosWebデザインWordPress
WebP対応。JPGやPNGからの変換も簡単。SEOにも効果的に。 2022.06.21 WebPの壁、IEが公式にサポート終了。 Internet Explorerがサポート終了に。 IEの終了とWebPの台頭。 いよいよというか、ついにというか、2022.06.16にIEのサポートが終了。 そこで、改めて画像形式、WebPについて考察。 WebPの開発元であるGoogle社のChromeはもちろん、Apple社のSafariも202... FigmamemosSEOWebデザイン
VSCodeのテーマ変更方法。 2022.06.15 VSCodeの配色テーマ選択方法。 GitHubからAtomの開発終了が発表されたので、ひとまずVSCodeへ移行することに。 VSCodeはちょっと画面がガチャガチャしているので、極力シンプルにしたいときは... 手順。 「Code」 > 「基本設定」 > 「配色テーマ」へ進む。 画面左下の歯車マークからも進むことができる。 ショートカット ... EditormemosWebデザイン
デザインの原則。想像力と、時代や国や地域でも有効な法則たち。 2022.06.01 想像力がなければ、デザインしようがない。 デザインには想像力が必要だ。そして想像力を持つためには知識と経験が必要だ。なので知識の中に原則・法則を入れておくととても役に立つ。 知らないことを想像することはできない。 200年前に地球の反対側に住んでいた人の流行りごとは何なのか? 現代で最もクールでホットで新しくて古い画家は誰なのか? 深海の底... memosWebデザインデザイン