Rails flash messages using Twitter BootstrapYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
esa/CSSNite/esa.ioのBootstrap利用とCSSリファクタリング - esa-pages.io
> CSS Nite LP47 "Coder's High 2016"CSS Nite LP47 "Coder's High 2016" 2016年9月24日（土） 小山田 晃浩（@yomotsu）PixelGrid Inc. 坂巻 翔大郎（@geckotang）PixelGrid Inc. 赤塚 妙子 （@ken_c_lo） esa LLC > 自己紹介自己紹介 > esa.io ?esa.io ? https://esa.io (読み方: ｴｻ・知ってる方？ ﾉｼ) マークダウンで書けるチームで使うWikiみたいなもの このスライドもesaでできてる (\( ⁰⊖⁰)/) > アジェンダアジェンダ 今日は esa.io で使っている Bootstrapのメリット・デメリットや CSSリファクタリングについてお話します。 > esa と PixelGrid の関係esa と PixelG
Customize and download · Bootstrap
Customize Bootstrap's components, Less variables, and jQuery plugins to get your very own version. Requires IE9+ or latest Safari, Chrome, or Firefox. Have an existing configuration? Upload your config.json to import it. Upload Don't have one? That's okay—just start customizing the fields below. Toggle all Less files Choose which Less files to compile into your custom build of Bootstrap. Not sure
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
