デザイン– tag –

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

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

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

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

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

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

図形、文字などを立体に手作業で書くのは至難の業。illustratorでは簡単に3Dに変換する機能が付いています。あっと言う間に出来るので便利です。デザインの幅が広がりま...

国内のFigmaの利用者が増えてきたように感じます。日本語法人も立ち上がり、日本語対応（オンライン版はPluginで可）になる様ですし、情報が増えてきたのでもっと人気に...

WordPressのテーマをカスタマイズし、子テーマを他のサイトにコピーしても、カスタマイザーの設定までは移植できません。それを可能にしてくれるプラグイン「Customizer...

Topページに新着3件など、ボックスを横並びにする事ってありますよね。高さが揃わない、はみ出るなど、なかなか上手にいかない事も。実際に横並びにするのは、display:f...