CSS– tag –

メルカリの事例を参考に、￥マークのサイズを小さくして売り上げUPを目指した件

背景色や画像を斜めに切り貼りした感じの企業のキャンペーンページなどでよく見かけるアレです。ちょっとカッコよく、動きがある感じのランディングページにする事が出...

サイトの見た目がちょっとカッコイイ感じになるパララックス（Parallax）を実装するには、jsを使ったり結構手間がかかります。簡易版で良ければブロックエディタで手軽...

親要素の中の要素は横100%にしても親のサイズを超えられないので、画面の横いっぱい広げるには、親から出したり大変でした。CSSをちょっと追記するだけで横いっぱいにす...

floatを使ってulのli リスト を2列にできないだろうか？縦に長くなりがちなリストを左右に振り分ける事で、省スペースにする事ができます。意外と旧サイトでアクセス数...

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

ファイルを圧縮し、軽量化する事でサイトの表示速度が上がり、SEO的にも有利です。閲覧する方にとってもスピーディーな表示は良い事ですよね。デメリットが見当たらない...

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

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

このサイトで使用している人気のWordPressテーマ「SWELL」は、そのままでも十分なのですが、カスタマイズしたい事もありますよね。質問を頂いた内容をご紹介します。コ...