メニューを閉じる

テクノモバイルグループ

メニューを開く

2017.08.22

プログラミング

Bootstrap 4 のCheat Sheet

こんにちは。新卒のSKです。

前回に引き続き、「開発の現場で使えるツール紹介」にて紹介したツールをより細かく解説しようと思います。
今回は、Bootstrap4 Cheat Sheet。
◆サイトはこちら: https://hackerthemes.com/bootstrap-cheatsheet/



Bootstrapは、近年ではどのサイトでも利用されているようなので今更感はありますが、
手動で作るのが面倒なものは、大体Bootstrap4を導入して少し手を加えるだけで解決することも。

あらかじめサンプルとして部品が用意されているから、
WEB制作する側は応用するだけで良いですね。効率的で時短。

ボタン類もデザインはシンプルですがモダンで、
汎用性がある割にはしっかり見栄えするサイトが作れます。

bootstrap4_photo2

これれらの機能を全部覚えて使うのはかなり厳しいので、
簡単に調べられて、視覚的にも確認が可能なのが、今回のCheet Sheetです。

Bootstrap4の機能のすべてがここでチェックできて、コードも確認できるからとても便利。
サンプルがPreveiw欄に表示されるので、必要な機能が備わってるか、コーディングでいちいち確認する必要もなく、確認も楽です。

bootstrap4_photo3

ちなみに、先日も少し紹介していたBootstrapにおける新機能「カード」はこのような感じ。

bootstrap4_photo4

同じような表示をさせるのに
いちいち枠を作ってその中に画像埋め込んで、
marginやpaddingを設定する必要がなくなりましたね。

*****
WEB制作って案外時間がかかるものですが、
先人たちが制作して残してくれたツールをうまく使って
短時間で簡単に、かつ汎用性のあるコーディングをしていこうと思います。


【テクノモバイルではエンジニア/デザイナーを積極採用中です!】

下記項目に1つでも当てはまる方は是非、詳細ページへ!
  • 自分でアプリを作ってみたい
  • ITで世の中にワクワクを生み出したい
  • 使いやすさ、デザインにこだわったWebサイトを開発したい

採用情報の詳細はこちら


Qangaroo(カンガルー)

  • 徹底した見やすさと優れた操作性で、テストの「見える化」を実現。
  • テストの進捗が見える。開発がスマートに進む。
  • クラウド型テスト管理ツール『Qangaroo(カンガルー)』
https://qangaroo.jp/

最近の記事

SNS共有

X CLOSE
X CLOSE
X CLOSE