デザイン– tag –

Figmaでの作業初期に導入したい、色の登録が楽になる方法と登録した色を一気に変える時短に役立つプラグインを2種をシェアします。テンプレートを作成する事があると思...

おすすめの書籍のご紹介です。けっきょく、よはく。でお馴染みのingectar-eの新書です。非常に為になります。コレは机に出しっぱなしにする一冊です。「デザインはセン...

CSSだけで、見出しなどをタイピングした様に一文字づつ表示させ、最後にカーソルを点滅させるアニメーションです。コピペで出来きます。ぜひやってみて下さい。 コード...

画像に文字を乗せる際に便利な網掛けフィルター。テーマによっては、ワンクリックで適応できる物もありますが、通常はCSSで設定しますが、手軽に画像自体を加工する方法...

このサイトで使用している人気のWordPressテーマ「SWELL」のカスタム書式はお使いですか？とても便利なので、ぜひ活用して頂きたい機能です。基本的な設定方法とコピペ...

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

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

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

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

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