OverviewOne of the keys to use Bootstrap successfully is to be able to use and redefine its variables in our custom designs. We should not simply add Bootstrap’s javascript and CSS stylesheets to use its components, we need to change them and not making all the web look boringly the same. This is a guide to make it easy to use Bootstrap 4 with a Jekyll website and be able to use and customize its
今回はJekyllでのスタイルシートの作成についてです。といっても、主にSass(Scss)のお話となります。JekyllではデフォルトでSassのコンパイルをしてくれるのでとても便利です。 Sassとはなんぞ? まず、Sassという言葉にあまり馴染みのない方へ。Sassは、簡単に言うと、変数や関数の使えるCSSみたいなものだと思ってください。これによって、CSSの作成の効率化や、維持管理のしやすさが格段に向上します。詳しくはおググりください。 こちらの記事にSassについて分かりやすく書いてあるので、紹介します。 Jekyllで普通のCSSを使う Sassの前に、普通のCSSを使う場合は、基本は普段のWeb制作と同じです。例えば、 「assets/css/style.css」を作成してビルドすると、「_site/assets/css/style.css」が生成されます。 HTML側からの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く