うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
jQueryはもうイヤだ！ネイティブJavaScriptでBootstrapを使い続ける方法
「jQueryへ依存せずにBootstrapを使いたい」そんなときは、ネイティブJavaScript化する「Native JavaScript for Bootstrap」プロジェクトをチェックしてみるといかもしれません。 BootstrapのJavaScriptコンポーネントを使うよりも、実はVanilla JavaScript（編注：素のJavaScriptのこと）が好きだという人がいます。もしそうなら、ネイティブJavaScriptのBootstrapプロジェクトがおすすめです。このプロジェクトは、コンポーネントのうちjQueryで書かれている部分を素のJavaScriptに移植して、jQueryへの依存をなくすことを目指しています。 目的 移植する狙いのほとんどはパフォーマンスのためです。 数多くのベンチマークが示すとおり素のJavaScriptはjQueryより高速に実行できるの
Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点のまとめ
Bootstrap 4ではそのインストール方法をはじめ、グリッドの単位やレスポンシブ用のclassが変わり、そしてカードやツールチップなどの新しいコンポーネントやレイアウトにFlexboxも利用できるようになりました。 Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点をまとめたリストを紹介します。 How to Migrate from Bootstrap Version 3 to 4 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Bootstrap 4で変わった点 Bootstrapのファイル構造 Bootstrap 4のインストール グリッドシステムのアップデート リセットは、「normalize.css」から「reboot.css」に classの変更とアップデート タイポグラフィ テー
Bootstrap で手抜きしながらオシャレなはてなブログのデザインを作る方法 - 狐の王国
というわけではてなブログに移行しようと思ったんだけれども、どうも気に入ったデザインがない。はてなダイアリーでもそれなりにカスタマイズして作ってたのだが、そのまま使えるわけもないしデザイン自体も古くなってしまってる。かといってゼロからデザインを起こす暇など……ってマテ、俺達には Bootstrap があるじゃないか! Bootstrap ってなに? いわゆる CSS フレームワークです。Twitter が作って自分たちで使ってるやつです。 なにができるの? HTMLにクラス属性をいろいろ足してやるだけでいい感じに見た目を整えてくれるいい奴なんです。 example 例えばこんな感じ。 ボタンとか <button type="button" class="btn btn-default">btn-default</button> <button type="button" class="btn
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
