[B! webdesign] mohriのブックマーク

1文字ずつ文字色を変える、文字単位でのCSS適用方法 [ホームページ作成] All About

1文字ずつ文字色を変える、文字単位でのCSS適用方法HTMLに書いた文字をCSSで装飾する際に、1文字ずつ異なる文字色で表示されるよう指定する方法を解説。HTMLの特定の要素内に書かれた文字列を、JavaScript（jQuery）を使って文字単位に分解して個別の要素でマークアップすれば、CSSのnth-child疑似クラスなどを使うことで1文字ずつ個別のスタイルを適用できます。1文字ずつ異なる色でカラフルに表示したい場合に便利。文字単位で異なるCSSを適用し、1文字ずつ色やスタイルを変える方法 HTMLに書いた文字の色をCSS（スタイルシート）で指定する際には、ある要素に含まれる文字全体の色を一括指定するのではなく、1文字ずつが異なる文字色で表示されるように指定できると便利な場合があります。例えば下図のようにです。もしこのような文字単位での装飾が指定できれば、見出しをカラフルに装飾した

mohri 2014/04/23

memo

リンク

PageSpeed Insights

This site uses cookies from Google to deliver its services and to analyze traffic.

mohri 2013/07/04

グーグルはとことんウェブを効率化したいんだなあ。こんなツールも出してるのか

リンク

Webタイポグラフィまとめ - Archiva

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。オールドスタイル数字アンパサンド（“＆”）スモールキャップハイフンとダーシ各種スペース合字約物約物はぶら下げる :beforeと:after 見出しのサイズ初期フォントサイズ行間の調整余白の調節各国の日付表記

mohri 2009/01/23

読みたい

リンク

ウェブサイトの見た目に関する資料が欲しい : could

コメントデザインウェブサイトの見た目に関する資料が欲しい今日、なんとなくですが神森さんとTwitterで会話が弾んだので、この場で共有しようと思います。 Webサイトはまったく同じ見た目である必要はないという記事でも書きましたし、先月あった Web Directions East でも挙った話題ですが、ウェブサイトの見た目を全く同じにする必要はない（もしくは出来ない）という部分を制作側から超えたところでも共有出来るようになるとどうなるだろうとよく思います。見た目は重要ですし、レイアウトが崩れていては意味がないです。しかし、１ピクセルの違いの調整に苦労するよりかは、より良いブラウザに対してはさらなる上の体験を提供することの配慮を行ったほうがウェブサイトとしての質が高いと思います。そして、情報が受け手によって自由にコントロール出来るというウェブのエッセンスとも言える部分への理解が深まれば、