[B! Bootstrap] huruyosiのブックマーク

huruyosi id:huruyosi

Bootstrapに関するhuruyosiのブックマーク (3)

Start Bootstrap
Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.
huruyosi 2017/02/12
レスポンシブ

サイト制作

Bootstrap
リンク
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。欧文をベースに設計されたBootstrapをそのまま
huruyosi 2016/10/15
bootstrap

webデザイン

*あとで読む

*web制作
リンク
[SB Admin 2] BootstrapのAdmin Theme
BootstrapのAdmin ThemeであるSB Admin 2を少し修正してみました。修正した部分は以下のようになります。 1. TOPメニュー固定 Fixed Top Navbar ・TOPのキャプチャーです。・スクロールしてもTOPメニューが固定されています。 2. サイドメニューの伸縮(？) Sidebar Toggle ・TOPのキャプチャーです。・ロゴ(SB Admin v2.0)の横にあるトグル(toggle)ボタンを押すとアイコンのみ表示されます。・それぞれのアイコンにマウスオーバーすると詳細メニューが表示されます。主な修正個所・HTMLファイル(/pages/ディレクトリ)： bodyの開始タグから<div id="page-wrapper">まで、TOPメニューとサイドバー部分修正下段のJavascript部分にjquery.cookie.jsを追加
huruyosi 2015/08/09
bootstrap
リンク
1