CSSとHTMLをリアルタイムに書き換えてプレビューできる「rendr」 - GIGAZINE
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試行錯誤が楽になります。 詳細は以下から。 rendr http://gregtaff.com/rendar2.html greaseMonkey版はキャッシュが有効な場合に、ローカルキャッシュのHTMLファイルを直接書き換えてリアルタイムプレビューするというモノになっています。 インストールするにはgreaseMonkeyをインストールした状態で上記ページの「greaseMonkey
「Movable Typeで世の中のWebをXHTML＋CSSに変えていきたい」スカイアークシステム小林社長
今回お呼びした株式会社スカイアークシステムという会社はいわゆるWeb制作会社、しかも2004年に創業したばかりの若い会社です。「Web制作会社が果たしてWeb 2.0的企業であるのか」という疑問をもたれる読者も多いかもしれません。サービスではなく、プロダクトでもなく、クライアント企業向けサイト開発を手がける企業は、確かに典型的なWeb 2.0企業ではない、でしょう。しかし例えば、iPodの形状を作るための金型は日本の中小企業製だそうです。最先端をいくプロダクトを支える最先端の技術は、意外に少人数の職人的企業が持っていたりするのです。スカイアークシステムは、きれいなWeb、つまり構造的なWebを広めていくというポリシーを高く掲げており、Webの進化を考える上で、同社代表取締役の小林晋也氏の言葉にはWeb 2.0のトレンドを理解するうえで、多くのヒントがあると考えます。 ■ MTベースのサイト
hxxk.jp - CSS を書く前に読んでもらいたいこと
記事データ 投稿者 望月真琴 投稿日時 2006-04-09T19:40+09:00 タグ CSS IRC Team-One オフ会 仕様 実践 Web Standards Design 春に会いましょう 概要 CSS の初心者なあなたもエキスパートなあなたも、とりあえずここは押さえとけ、という記事を紹介。 リプライ 7 件のリプライがあります。 CSS を書く前にブラウザ毎のクセをリセット CSS を書くことに慣れている人はよくご存知でしょうけど、 IE や Firefox や Opera や Safari などの UA はデフォルトスタイルシートと呼ばれるスタイルシートを持っており、それを適用せねば、あるいはそうであるかのように動作せねばならないと仕様で定められています。 User agent: Conforming user agents must apply a default s
FirefoxのuserContent.cssネタ #2
今回はurl-prefix()を使った奴とか書いてみたり。いろいろやってたらuserContent.cssが2000行超えたりしましたが、特にページの表示が遅くなるとかいう感じは無いので、いくらでもCSSルールを書いて良さそう。限界はあるでしょうがね。 @-moz-documentとurl-prefix()を組み合わせて使えばURLの先頭一致でルールの適用を制限できたりします。具体的には、 @-moz-document url-prefix(http://www.example.com/~foobar/) { body { font-size: 100% !important; } p { line-height: 1.5 !important; } } とか、こんな感じで"http://www.example.com/~foobar/"で始まるURLのページだけに適用されるブロックを作成
hail2u.net - Weblog - FirefoxのuserContent.cssネタ
Firefox 1.5 Beta 1よりURLやドメインなどでCSSルールを切り分けることが可能になりました。これによりuserContent.cssがとてもいじりやすくなった(あるサイト向けにテキトウに書いても他のサイトに誤爆しなくなった)ので、userChrome.cssと同じくガリガリいじると楽しいようなそうでもないような感じです。 _blankなリンクのカーソルを変更 a[target="_blank"] { cursor: alias !important; } cursor: crosshair !important;とかやってる人が多いことと思われますが、1.5 Beta 1から先取りサポートされたaliasにするとより直観的に把握できるようになると思います。 View Page Sourceのフォントを固定する body#viewsource * { font-family
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まぐまぐ！ - 読みたいメルマガ、きっと見つかる。
http://www.cybergarden.net/blog/2005/09/post_102.html
東京webデザイナー日記: 日経平均銘柄225社サイトの脱テーブル率調査
http://alimika.alib.jp/satomican/
CSSによる段組（マルチカラム）レイアウト講座