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

yuiseki id:yuiseki

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

[css] contentプロパティで挿入できるコンテンツ – WebTecNote
clearFixでお馴染みなCSSの擬似セレクタ::beforeと::afterではcontentプロパティというものが使えるわけですが、 ::beforeと::afterがIE7以下未対応ということもあって使ってない人は未だ多かろうと思います。しかしながらレガシーなIEで表示されないから使わないというのは非常に勿体無いので、今一度contentプロパティで挿入出来る内容についてまとめておこうと思います。 ※2019年現在は全ブラウザ対応しています。挿入出来るモノ大きく分けると３つです。テキストプロパティの値画像 content:”テキスト” 半角英数や半角の記号ならそのままでOK。ただしクォーテーションなどのメタ文字は\でエスケープしないと表示されない。日本語などの2バイト文字も書いたまま表示されるけど、数値文字参照の値で書いた方が無難です。例：タイトルの前に★マークを
yuiseki 2014/02/17
tech
リンク
とあるソシャゲのHTML/CSS設計話
【Frontendアドベントカレンダー19日目】 Xboxに釣られて転職してから２年半…あっという間だった…。関与したもの：スマホ版ピグ（リニューアルして面影無し）ピグファンタジア（11月末クローズ）新規ゲーム　←今ここ今は新規ゲームでコーディングの人としてjoinしてます。新しいサービスを立ち上げる時に必要なHTMLとCSSの土台作りを全部やるということが、「HTML/CSS設計」という言葉で装飾されることを知ったのは割と最近です。マークアップだけで一人据えるのは珍しいと思うので、今やってることなど含めてつらつら書きます。ここが変だよソシャゲ開発依頼を受けてサイトを作る場合は次のようなフローだと思います：クライアントと打ち合わせ仕様が決まるデザイン決まる値切られる価格が……決ま…るコーディングクライアントチェック突然の無理難題に戦慄走るテスト・修正
yuiseki 2013/12/20
html

css

tech
リンク
[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-
yuiseki 2011/09/15
超便利

便利

css

android

iphone

$$$

スマホWeb開発

バグ

bug
リンク
1