CSS

BlueprintCSSでクールなフォームを作ろう

30分プログラム、その521。久しぶりにJavascriptで何かを作りたくなったので、BlueprintCSSでフォームを作ってみた。http://howdyworld.org/twp/ 予定でTwitterのユーザ名をいれると、一番最初にポストしたつぶやきが表示されるようになるはず。BlueprintCSS…

BluePrint CSS使ってみた

Blueprint CSSを使ってみた。CSSフレームワークという概念そのものが熱すぎる。あと、CSSのくせにtestsやpluginとかいうディレクトリをもっているあたりも素敵。 グリッドレイアウトするために使ったんだけど、なかなか便利。 英語/日本語を含めてドキュメン…

S6印刷用CSS

S6の印刷用ページ。まだ、完成してないけど、とりあえず使えるようになったので。このCSSを適用してインデックスページを印刷すると、A4一枚にちょうど6ページ収まるようになる。Firefoxで確認、Safari/Operaは微妙。IEは知らない。複数ページには対応してな…

Safariで反転。

id:mzp:20061021:1161524103の続き。Safariだと反転の背景色は薄いので、ネタばれ反転は見づらいよっという話。そして、今日::selectionという擬似要素があることを知ったので、ユーザースタイルシートを書いてみた。 ::selection{ background-color:navy; c…

font-size

CSS

id:mzp:20070217:cssの続き。{friend:dmp}のコメント曰く、 dmp 『漏れは、IEの文字サイズ変更(最大〜最小)で変化しない文字の指定方法以外は受け入れるのです。変化しない奴は(’A`)』 これに影響されて調べてみたところ、pxを使おうともptを使おうともfon…

font-sizeにはptではなくpxを使おう

CSS

body{ font-size:10.5pt; } のようにやると、Webページのポイント単位でフォントサイズを指定する事ができる。しかし、ここは body{ font-size:36px; } のようにpxを使いピクセル単位で指定するべきだ。ポイントは、70ポイント=1インチ=2.54cmと定義された物…

STYLEタグをJavaScriptで動的設定してみよう

CSS

例えば、はてなのスタイルシート設定画面だと、適用ボタンとプレビューボタンがある。もしstyleタグの内容をJavaScriptで動的設定すれば、プレビューボタンを廃止できるんでね?とか思ったので実験してみる。 <html> <body> <style id="css"></sytle> <script src="prototype.js"></script> <script> $('css').innerHTML = "h1text-align:cente</script>…