自分の経験をシェアしたい。Webデザインのテクニック&効率化。

これは便利！ソースとプレビューが見られる「Bootstrap 4 Cheat Sheet」

2016年4月23日

Bootstrap 4 Cheat Sheet

レスポンシブや効率的にコーディングする場合に便利なBootstrapのチートシートです。

ソースコードとプレビューがでるので便利ですね。

関連記事

: iPhoneのoverflowをスムーズにスクロールさせるCSS

iPhoneでoverflow: scroll;の時に、 -webkit-overflow-scrolling: touch; を追加すれば、滑らかに慣性スクロールできます。 overflow: sc ...

CSS

: WordPressに自動でBootstrapのレスポンシブのテーブルのクラスを適用する

WordpressにBootstrapのレスポンシブのtableクラスである、table-responsiveを適用する方法です。 jQueryを使うことで、ソースを扱わずに済みます。 $(funct ...

CSS Javascript wordpress

: CSSのcalcで、width:100%からマイナスpx指定する

CSSでcalcがあるのを知ってましたが、使いどころがわからずに、放置していました。例えば、こちらのサンプルのように、レスポンシブなどで、画像の幅は固定し、テキスト部分は伸縮する時に使えますね。 c ...

CSS

: CSSで文字数が可変なインデント（字下げ）をする方法

CSSでインデント（字下げ）をする場合、よく使われるのは、padding-leftとtext-indentを組み合わせたものです。ただ、文字数が可変する場合、文字ごとにクラスを追加する必要があります ...

CSS

: pxをemや%に変換して一覧にしてくれるサイト

最近は、SASSを使えば、フォントサイズをpxからem/%に変換するのは簡単です。しかし、以前作ったサイトを更新する際に、フォントサイズの一覧がない場合は、pxからem、%に計算するのが面倒です。 ...

CSS

Sublime Textで一行ごとにタグで囲む方法

制作に疲れると首をあたためると気持ちいい