クルーデザイン | Web制作についての情報を発信しています

2018/04/21 -CSS

良くあるデザインで丸の中に数字や文字が入っているものがありますよね。画像にしてしまうのも良いですが、汎用性も考えて出来ればCSSでやってしまいたいですね。中の文字や大きさも自由に変更できるので、後 …

2018/04/17 -Bootstrap4

Bootstrap4でデザインを忠実に再現したい時に、colの隙間（padding）が邪魔なときがあります。この邪魔な隙間を無くしてしまおう！というのが今回の趣旨です。サンプルも作りました。 CS …

2018/04/15 -Bootstrap4

Bootstrap4では、インライン要素の左寄せ・右寄せ・中央寄せができるクラスがあらかじめ用意されています。 CSSをその都度書く必要はありません。クラスを追加することで、インライン要素を寄せること …

2018/03/29 -Bootstrap4

上下中央や上寄せ、下寄せに配置するためのクラスも用意されています。 flexboxを利用するため、それぞれ２つのクラスを指定すればOKです。 1. 上下中央寄せ「d-flex」と「align-ite …

2018/01/15 -CSS

たいていのブラウザで、テキストエリアのサイズはユーザーが自由に変更できるようになっています。ユーザーにとっては便利な機能ですが、テキストエリアのサイズを自由に変更されすぎるとレイアウトが崩れる原因に …

2018/01/15 -HTML

文字の上に強調を表す丸印を付ける機会がありました。次のような仕上がりですね。最初は画像にしようと考えていたのですが、文字にして欲しいとの要望だったので文字にする方法を考えました。色々と考えた中で …

Webの勉強中であったり、サンプルサイトを制作する時にダミー画像を使いたいときがあります。どんな画像でも良いのに、サイズの合う画像がなかなか見つからないことが多々あります。そんな時によく利用させて …

2017/12/26 -CSS

liタグはよく利用しますがデザインによっては行頭のマーク「・」が邪魔になることがあります。このマークはCSSで簡単に削除することができます。

2017/12/22 -CSS

きっちりとブロック要素の幅を指定していたのに、枠線を引いたとたんレイアウトが崩れることがあります。レイアウト崩れが起こる原因これは、枠線はブロック要素の外側に引かれるためです。例えば、横幅「10 …

2017/12/20 -Bootstrap4

Bootstrap4のブレークポイントはあらかじめ設定されていますが、案件によってはブレークポイントを変更したい場合があります。ブレークポイントを変更する場合、bootstrap.cssを直接編集す …

Webの勉強をしよう！Web制作の技術やサービス情報を発信します。