keyframesを使用したCSSアニメーションは重宝しますが、細かい設定が難しいですよね。書いては確認の繰り返し。Animistanなら、確認しながら細かい調整が出来ます。コピ...

Arkhe専用のブロックパターンライブラリが公開されました。コピペするだけなので、とっても便利です。CSSコードブロックが付いているので、カスタマイズが出来ます。素...

サイト制作で、とりあえず画像を入れたい。でも見栄えも拘りたい。いちいちダウンロードしてトリミングするのは面倒ですよね。URLを書くだけで好きなサイズ、ぼかし、白...

PageSpeed Insightで、「画像要素で幅と高さを明示的」「widthとheightが明示的に指定されていない」と叱られました。サイズを記載する事はSEOの観点から見ても重要だそ...

PageSpeed Insightsに気に入られよう画像は軽量化する必要があります。最近はPageSpeedがWebPの使用を推奨してきます。無料で軽量化や変換ができるツールをご紹介します...

Visual Studio Codeで、タグを簡単入力できるEmmetはお使いですか？通常はタグを書いて、テキストを後から書く流れだと思います。 では、テキストを流し込みをした場合...

この要素以外はこうしたい。と除外が出来る書き方です。あまり必要ないかな？と思いますが、そうでもないのでシェアします。意外と便利ですよ。 【基本形】 :not(ここに...

レスポンシブデザインに対応させる為、デバイス毎に表示する画像を変えたい事もあるでしょう。JavaScriptを使用した方法もありますが、HTMLだけの方法をご紹介します。...

WordPressのアップデートでテーマやプラグインに不具合が出る事ありますよね。不具合の確認の為、また次期バージョンを待つ必要が有る場合、ダウングレードしなければな...

「良くあるお問い合わせ」や「FAQ」ページが必要な場合があると思います。量が多いとかなり面倒なものです。ページが長くなる事も問題に。 そこで、Ultimate FAQ – Word...