coppieeeのブックマーク - はてなブックマーク

手動カーニング
ウェブでもちゃんとカーニングしたい的な話を最近よく見るようになった。フォントのカーニング情報がない！　とか、あってもブラウザーで使えない！　とか、出来るようになったかと思ったら出来なくて辛い……みたいなことを受けての魂の叫びか。それを古き良き感じにマークアップを追加して手動でやるのが結局は良さそうというA Manual Kerning Method for the Webを読んだ。どうせやるならこの方が良いとは思うけど、後のことを考えるとマークアップ追加するのはなぁ……という感じでもある。和文ではやった方がより良いけど、作業量が膨大になりすぎるのもある。参照記事で挙げられてるkerning-pairsプロパティーみたいなのも、この値何行書けば良いの。 optimizeLegibilityには既知の問題があったりもするので、そもそもこれに頼るのはまだ危険。特に日本語のウェブページだとこの問
coppieee 2014/01/25
「手動カンニング」に見えた。
リンク
CSSでアイコンをデザイン
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
coppieee 2011/03/04
css
リンク
結局どうすればいいの？ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
coppieee 2011/02/02
html

あとで読む
リンク
1