うぇぶごと

ぽんこつwebデザイナーのスキルのメモ

cssで作る背景パターンをまとめてみた

f:id:s2lybb:20170820172044p:plain

コーディングの際、背景はどのようにしていますか?

ストライプやグラデーション、ドットなど様々な背景があり、多くの方が画像で切り抜いて背景画像として設定していると思います。

しかし、更新速度を考えると、なるべくなら画像に頼らず、cssで設定したほうが良いです。

そこで今回は、cssで作る背景パターンについてまとめます。

 

続きを読む

複数行でも3点リーダーを利用してテキストを省略する方法をまとめてみた

f:id:s2lybb:20170722193545p:plain

 

 今回は長い文章を省略して表示するときの「…」についてまとめます。

JSを使う方法もありますが、今回はcssのみでの実装について説明したいと思います。cssのみだと1行の時しか適用されないと思われがちですが、そんなことはありません。今回は複数行でもしっかり適用される方法を説明します。

 

続きを読む

JSで作る追従メニューの実装方法をまとめてみた

f:id:s2lybb:20170617181434j:plain

 

今回は追従メニューについてまとめます。

追従メニューはiPadやスマホなど、様々なデバイスでのサイト閲覧可能になった今、とても注目されています。

 

追従メニューってなに?

続きを読む