2014-08

HTML&CSS

Modernizrについて

Modernizrは、ブラウザーで使用可能な機能をCSSやJavaScriptを用いて確認できる便利なライブラリです。ユーザーが使用しているブラウザでHTML5の機能やCSS3を正しく使用できるか判定したclass名を付けてくれます。 ...
HTML&CSS

widthをパーセント指定する場合の小数点〜CSS

widthの小数点の対応の仕方はブラウザによって変わります。 Safariは切り捨てが行われているようです。FirefoxとChromeは全体におさまるように自動調整されているようです。 色々調べても見解がバラバラです。 仕方ないので自分で値を計算する仕組みを作成しました。
HTML&CSS

ページの拡大率の指定〜スマホサイト

initial-scaleを指定するとdensityがコントロールされてビューポートが設定されてしまいます。initial-scaleの使用方法を解説します。
HTML&CSS

高解像度デバイスの画像表示〜Retina対応

高解像度デバイスの画像表示の問題を解決する方法は簡単です。通常の画像サイズのものの2倍の大きさで画像を用意することです。
HTML&CSS

background設定解説〜CSS3

CSS Backgrounds and Borders Module Level 3 日本語訳をもう少しわかりやすくしたものです。CSS3では複数の背景を指定したり、拡大縮小ができたりなどbackgroundプロパティをより便利に使用することができます。その使い方を W3C の解説からじっくりとかみ砕いてみました。
HTML&CSS

densityについて(device pixel radtio)

解像度163dpiのものをdensity=1とした基準を作りました。density=1のデバイスと同じ大きさになるように調整されます。
HTML&CSS

background設定解説〜CSS2.1

backgroundプロパティの基本について W3C の説明をかみ砕いて学習することで、background-positionの正しく記述することができるようになります。
HTML&CSS

Google Chromeの最小フォントサイズ

Google Chromeでは最小フォントサイズが10pxに設定されています。
Illustrator

アートボードが透明になった〜Illustrator

透明グリッドを隠すのショートカットに触れてしまったら、Shift+Command+Dキーでもとに戻します。
スポンサーリンク
タイトルとURLをコピーしました