そろそろブラウザの実装レベルに応じたスタイリング分けをしよう - Liner Note
そろそろブラウザの実装レベルに応じたスタイリング分けをしよう 書いた人： hash 投稿日： 2008年06月08日（最終更新：5年6ヶ月と28日前） 読者の皆さんの反応 1 被ブックマーク数： 70 要約：シンプルなマークアップを元に各ブラウザの実装レベルに応じて、様々なスタイリングをしていく方が楽だし、いろんな閲覧者が幸せになれるんじゃないかなと思った次第 全てのブラウザで同じに見える必要はないというのは前から何度か言われていることですが、もう少し具体的な文脈に落として考えてみようかな。 例えば、引用文を引用文ぽくスタイリングしたいとする、こんな感じに。 で、とりあえずGoogle先生で調べてから頭を回してみるわけですが、 Natalie Downe » Blog Archive » Inline image quotes CSSで引用をデザインする。 – DesignWalker 第
第12回：引用（blockquote）をCSSと画像でそれらしく見せる方法 ::: creazy photograph
前回のTipsではブログで頻発する引用作業を簡単にするブックマークレットを紹介しました。 ブログを書く上で頻繁に行う引用の手順を簡単にしてくれるブックマークレットを作ってみようと思う。 via: 第11回：引用（blockquote）を簡単にするブックマークレット 今回はそのblockquoteを、CSSと画像を使ってクリーンなHTMLを維持しつつ「引用符（“”）」で囲ったようなデザインにする方法を紹介します。 最近は良く見かけるデザインだし、方法も色々あるんだろうけど何パターンか作ってみようと思います。 １）左上に「“」を表示させる まずは一番簡単そうな左上コーナー１カ所に引用符を表示してみます。 使用した画像はこちら。 完成したのがコチラ。 HTML例 <blockquote cite="http://creazy.net/" title="creazy photograph"> <p
Blockquote Examples by CSS-Tricks
Better Blockquotes Blockquote examples By CSS-Tricks [DOWNLOAD EXAMPLE] Blockquotes are html elements that are meant to designate when a particular section of text is being taken from another website or other source. Different browsers have different built-in styling for blockquotes, often just a simple left margin. If you use a lot of quotes, as bloggers often do, it is a good idea to take contro
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
