CSSのvw, calc()を使用した、レスポンシブ対応のフォントサイズを指定するこれからのテクニック
本文や見出しなどのフォントサイズをスマホ時やデスクトップ時で変える時、通常はMedia Queriesでスクリーンサイズごとに文字サイズを指定していると思います。 ここで紹介するフォントサイズの指定方法はちょっと新しいアプローチで、最初にベースとなるフォントサイズを設定し、スクリーンサイズが大きくなるにつれ、Viewport Unit（ビューポートの単位）で加算してサイズを大きくします。 Viewport Unit Based Typography 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Viewport Unit（ビューポートの単位）とは？ フォントのサイズ指定のためのビューポートの使い方 他の文字の要素をビューポートで指定 縦のリズムとモジュラースケールをビューポートで指定 フォントサイズの指定の精度をアップする さらに精
CSSやJavaScriptで実装された、2016年に人気が高かったテクニックのまとめ -Top Pens of 2016
世界中の多くのWeb制作者・クリエイターが利用しているCodePenから、CSSやJavaScriptを使って実装された2016年にもっとも人気のあったデモを紹介します。 Top Pens of 2016 on CodePen Top Pens of 2016では、人気が高かったスゴ技が100個紹介されており、その中からベスト10を紹介します。 当ブログで紹介したものもいくつかあり、初見のものいくつかありました。 I DESIGN WITH CODE ❤ 10位は、Creogram animatedの動画にインスパイアされて実装されたSVGアニメーションのデモ。動きだけでなく、見せ方もうまいです。
■knitrのデフォルトmarkdown.cssがくっそ見づらいから修正する - eizoo3010の日記
2014-07-06 ■knitrのデフォルトmarkdown.cssがくっそ見づらいから修正する R タイトルの通り、knitrで文芸的プログラミングしてコードとドキュメントを一体化できるのはいいんだけど、デフォルト設定のままだとすっごく見づらい。この原因は主に以下の4点。 フォントがsans-serif固定。 フォントサイズが13px。 行間が詰まり過ぎている。 ページの左端に文字が詰まる。 この見づらいレイアウトを修正するにはCustomizing Markdown Rendering – RStudio Supportにあるように、自前のcssを適用して自分好みに変えてやればいい。でも、デフォルトのcssを2度と使う気がない自分のような者やレポート作成するたびに同じ階層にcss用意すんの面倒って人はデフォルトcssであるmarkdown.cssを直接書き換えちゃいましょうっていうお
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
