デザイン– tag –
-
[本] 最強構図 知ってたらデザインうまくなる。
おすすめの書籍のご紹介です。けっきょく、よはく。でお馴染みのingectar-eの新書です。非常に為になります。コレは机に出しっぱなしにする一冊です。「デザインはセン... -
[CSS] タイピングのアニメーションの作り方
CSSだけで、見出しなどをタイピングした様に一文字づつ表示させ、最後にカーソルを点滅させるアニメーションです。コピペで出来きます。ぜひやってみて下さい。 コード... -
[Photoshop] 網掛け画像の作り方
画像に文字を乗せる際に便利な網掛けフィルター。テーマによっては、ワンクリックで適応できる物もありますが、通常はCSSで設定しますが、手軽に画像自体を加工する方法... -
[WordPress] SWELL「カスタム書式」の使用例
このサイトで使用している人気のWordPressテーマ「SWELL」のカスタム書式はお使いですか？とても便利なので、ぜひ活用して頂きたい機能です。基本的な設定方法とコピペ... -
[CSS] Animista 簡単! CSSアニメーションとスクロールさせる方法
keyframesを使用したCSSアニメーションは重宝しますが、細かい設定が難しいですよね。書いては確認の繰り返し。Animistaなら、確認しながら細かい調整が出来ます。コピ... -
[WordPress] Arkhe ブロックパターンライブラリの使い方
Arkhe専用のブロックパターンライブラリが公開されました。コピペするだけなので、とっても便利です。CSSコードブロックが付いているので、カスタマイズが出来ます。素... -
おしゃれなダミー画像 Lorem Picsum
とりあえず画像を入れたい。おしゃれで手軽なダミー画像 -
画像にwidthとheightを書いてSEO対策をする
WordPress5.5から対応の必要が無くなりました。 -
[CSS] 否定擬似クラスnot()の使い方
この要素以外はこうしたい。除外が出来るCSS -
デバイスサイズで画像の入れ替えをする。Jsを使わずに
レスポンシブデザインに対応させる為、デバイス毎に表示する画像を変えたい事もあるでしょう。JavaScriptを使用した方法もありますが、HTMLだけの方法をご紹介します。...
