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

yamadar id:yamadar

ブックマーク / tenderfeel.xsrv.jp (4)

[CSS] rem でフォントサイズを相対指定する
以前「YUI Fonts CSS でフォントサイズを相対指定する」という記事を2008年に書いたんだけど、 6年後(!!)の現在はremで指定しているのでそれについてメモっておく。 rem(root + em = rem)というのは単位のことで、ルート(=html)を基準に相対指定ができる。 YUI Fonts CSSなどのemや%を用いる相対指定との最大の違いは、指定が入れ子になっても親のサイズに影響を受けないという所で、それが最大のメリットでもある。対応状況は、モダンブラウザならほぼおkという感じだけど一部注意が必要。 IE9＆10はfontショートハンドおよび疑似要素で未対応 IE9&10&11は疑似要素のline-heightで未対応 Chromeはborder-sizeでremを使用すると拡大したときに線が消えるプリプロセッサを常用してるので、remの設定部分もほぼ使い回
yamadar 2015/06/24
rem、普及してきた。

*CSS3

*CSS
リンク
WebTecNote
2023年は割とAstro.jsを使ってた気がする。ちょっとしたLPを作るのにちょうどいいなって。 AstroでPDF.js が動かないのなんでなん？という質問をコミュニティで見かけたので、試しに実装してみたものを載せておく。続きを読む
yamadar 2015/06/18
blog

*CSS
リンク
とあるソシャゲのHTML/CSS設計話
【Frontendアドベントカレンダー19日目】 Xboxに釣られて転職してから２年半…あっという間だった…。関与したもの：スマホ版ピグ（リニューアルして面影無し）ピグファンタジア（11月末クローズ）新規ゲーム　←今ここ今は新規ゲームでコーディングの人としてjoinしてます。新しいサービスを立ち上げる時に必要なHTMLとCSSの土台作りを全部やるということが、「HTML/CSS設計」という言葉で装飾されることを知ったのは割と最近です。マークアップだけで一人据えるのは珍しいと思うので、今やってることなど含めてつらつら書きます。ここが変だよソシャゲ開発依頼を受けてサイトを作る場合は次のようなフローだと思います：クライアントと打ち合わせ仕様が決まるデザイン決まる値切られる価格が……決ま…るコーディングクライアントチェック突然の無理難題に戦慄走るテスト・修正
yamadar 2013/12/19
デザイン

開発

仕様

設計

*css
リンク
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとかスマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！特に明記がないものはすべてWebkitについてです。見つけ次第順次追加予定。タイトル変更、増えてきたので目次追加しました。この記事はiOS5、Android 3以前について記載したものです【css】タップ時にz-indexを無視して下の要素に枠がつく(Android) 【html, css】マルチバイト文字にfont-weight:boldが効かない(Android) 【css】 border-radiusのコーナーがジャギる(Android) 【css】 box-shadow、text-
yamadar 2012/11/30
バグのまとめ。非常に参考になる。ありがとうございます。

android

iPhone

*CSS3

*CSS

*HTML5

まとめ
リンク
1