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

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

2016年4月23日

Bootstrap 4 Cheat Sheet

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

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

関連記事

: いろいろな動きのハンバーガーメニュー「Tasty CSS-animated hamburgers」

Tasty CSS-animated hamburgers 最近はスマホサイトだけでなく、PCサイトにも使われるようになったハンバーガーメニュー。そんなハンバーガーメニューの動きのサンプルを紹介した ...

CSS

: コーディングの前にCSSの命名規則を紙に書いてみる

CSSで一番迷うのが、ネーミングです。初心者はクラス名を、その場その場で考えがちで、後から破綻しがちです。頭の中でなんとなく決めていても、やはり破綻してしまいます。更新や改修をかけていくうちに破 ...

CSS

: CSSのflexプロパティで右寄せ、左寄せ、中央寄せにする方法

CSSのflexプロパティを使うと、均等配置や順番の指定などができ便利ですが、 floatのように、右寄せ、左寄せにしたい場合もあります。

CSS

: アイデアのヒントになる。Swiss Styleを動かしているアニメーション。

Swiss in CSS: animating the International Typographic Styleで、Swiss Styleを動かしているアニメーションが紹介されていました。 Se ...

CSS

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

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

CSS Javascript wordpress

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

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