vimp使いはuserChrome.cssを使うことなかれ。stylechanger.jsを使え！ - hogehoge @teramako
Vimperator 2.0あたりからカラースキームや:style,:highlightコマンドがあるため、stylechanger.jsも既に古いものである。少々タイトルが扇情的であるが...。 vimperator系の記事を見ていると、userChrome.cssを使ってスタイルを編集している人が多そうなので改めてstylechanger.jsを紹介しておこうと思う。 過去記事 Stylish 的なプラグイン - stylechanger.js - hogehoge @teramako stylechanger.js の仕様を変更 - hogehoge @teramako stylechanger.jsの機能 colo[rschema]コマンドにより、cssファイルの適用 hi[ghlight]コマンドにより、一時的(簡易的)なスタイルの適用 altcolo[rschema]コマンドに
@-moz-document - 徒委記
@-moz-document 書式 例 利用可能なブラウザ 参照 Mozilla / Firefoxでサイト別にCSSスタイルを適用することを可能とする@-moz-documentルールについて。 書式 W3CのMLに投稿された、per-site user stylesheet rulesより。 docrule ::= "@-moz-document" S+ url-list "{" S* ruleset* "}" url-list ::= url-item ( "," S* url-item )* url-item ::= ( "url(" | "url-prefix(" | "domain(" ) URL ")" S* S は空白類。( [ \t\r\n\f]+ ) domain() の場合、括弧内に入るのは、正確にはURLでなくホスト名(ドメイン名)になるようです。 例 以下のような
MOONGIFT: >> RoR用。CSSでグラフを描く「CSS Graphs Helper for Ruby on Rails」:オープンソースを毎日紹介
最近はWebアプリケーションを構築しようと思うとRuby on Railsを使うようになっている。慣れれば慣れる程開発の効率が良くなり、さらに便利なものになっていく。 そんなRailsの魅力をさらに増してくれるのが数多いプラグインの存在だ。その中から一つ、グラフ作成のプラグインを紹介しよう。 今回紹介するオープンソース・ソフトウェアはCSS Graphs Helper for Ruby on Rails、CSSを使ってグラフを作成するRailsプラグインだ。 CSS Graphs Helper for Ruby on RailsはインストールはRailsのプラグインコマンドからでき、さらに設定らしい設定もせずに利用できるのが魅力だ。 描けるグラフは三種類だ。縦型の棒グラフ、横型の棒グラフ、そして複合型だ。どれも手軽に利用でき、Webアプリケーションをさらに魅力的なものにしてくれるだろう。
使えるCSSレイアウトテンプレート集「mycelly.com」:phpspot開発日誌
Nice and Free CSS Templates This site contains free css templates for your website - Just copy and paste and there you have a stunning website ! 使えるCSSレイアウトテンプレート集「mycelly.com」。 次のように、サムネイルから選んで好きなCSSテンプレートを１２種類入手できます。 ２カラム、３カラムレイアウトの他、センターボックスのレイアウトもあります。 センターボックスのレイアウトは他サイトではありそうでなかったりするのでこのサイトで参考にできそうですね。 関連エントリ ドラッグ＆ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成 12のフリーC
style.cssText の使い処に関する考察 - IT戦記
cssText って知ってますか？ cssText っていいうのは CSSRule オブジェクトとか CSSStyleDeclaration が持っている情報を css ファイルに書く形式の文字列にしてくれる機能です。 乱暴に言ってしまえば、 css 系のオブジェクトが持っている innerHTML みたいなものです。 具体例を見てみましょう。 こんな感じの body があるときに <body style="margin: 1em; padding: 1em; border: 1em">....</body> こんな感じで使えます。 alert(document.body.style.cssText); // 'margin: 1em; padding: 1em; border: 1em' 簡単でしょう？(ボブ略 設定も出来ますよ こんな感じ // さっきの続き document.body
yaml – CSSフレームワークライブラリとそのブラウザエディタ yaml builder | 秋元@サイボウズラボ・プログラマー・ブログ
via Ajaxian 名前が紛らわしいのだけど、データフォーマットのYAMLとは関係ない。ドイツ製のウェブサイトレイアウトライブラリyamlは、CSSベースのマルチカラムレイアウトをマルチブラウザ対応で行なうライブラリ。 それだけだと他にもいろいろあるのだけど、特徴としてはドキュメントがすごく充実していることらしい。そのわりに知られていなかったのはドイツ語圏で開発が続けられていたかららしいが、英語のドキュメントも揃えて本格的なバイリンガルプロジェクトとなったそうだ。 プレビューが公開されたばかりらしいyaml builderが良くできていて、ブラウザ上のオンラインエディタでドラッグアンドドロップでレイアウトを試すと、できあがったレイアウトを再現するHTMLとCSSを入手できるというもの。 こんな風にマルチカラムを編集し、ヘッダや本文などのコンテンツを置いていく。 “Get Code”を押
IE版のFirebug IE Developer Toolbar[to-R]
IE版のFirebug IE Developer Toolbar みなさんはInternet Explorer Developer Toolbarというのを知っているでしょうか？ マイクロソフトが現在ベータ版として提供しているツールで、簡単に説明すればIE版のFirebugです。 IEで使えるFireBugとして聞くとFireBug Liteを思い浮かべがちですがFireBug Liteのようにソースにjavascriptを埋め込むことなく実行することが可能です。 ちなみにFirebugとはjavascritpやCSSのデバッグなどを行えるFirefoxのアドオン(拡張機能)になります。 すごく便利ですので、使ったことがない方はFirebugの方からお使いください。 話は戻りますが、Internet Explorer Developer Toolbarのインストール方法について解説したいと
![IE版のFirebug IE Developer Toolbar[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
ウノウラボ Unoh Labs: inline-blockでマルチカラムレイアウト
yamaokaです。 2007年7月19日、CSS 2.1が再び勧告候補になりました。正式な勧告になるのは来年になりそうですが、CSSに携わっている人は今のうちから内容に目を通しておくといいかもしれません。 adds a few highly requested features including the inline-block value for the display property, the color orange and the values pre-wrap and pre-line for the white-space property. 勧告候補になるにあたり、新たに追加された機能は上記引用の通りです。 今回は、試しにinline-blockを使ったマルチカラムレイアウトを作ってみようと思います（inline-blockに関しては既にOperaとSafariで先行
MOONGIFT: » ついに登場！CSSフレームワーク「Blueprint」:オープンソースを毎日紹介
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
FreeCSSTemplates.org is now FCT.co
FreeCSSTemplates.org has been rebranded to FCT. Therefore, our new domain will be FCT.co while our previous domain FreeCSSTemplates.org will always be kept redirected here. What happened to FreeCSSTemplates.org? As the domain FreeCSSTemplates.org was dedicated to just “Free CSS Templates“, we decided to expand our brand name by keeping the domain name short but with more topics to cover. That mean
ウノウラボ Unoh Labs: 水平方向のナビゲーションの作り方
yamaokaです。 水平方向に並んだナビゲーションを作る場合、 皆さんはどのようにマークアップされているでしょうか。 とりあえず必要な項目を羅列してみましょう。 それぞれの項目には矢印の画像を付加するものとします。 == HTML == <p id="navigation"> <img src="arrow.gif">編集 <img src="arrow.gif">削除 <img src="arrow.gif">追加 </p> horizontal_nav_1 posted by (C)フォト蔵 一見よさそうです。 ただ、HTMLの論理的な構造としてふさわしいものでしょうか。 ナビゲーションと言えども論理構造としてはリストの一種なので、リストとしてマークアップするのが適当と言えます。 リストにしてみましょう。 == HTML == <ul id="navigation"> <li>編集<
29 Different Google Ads Style
6- Blue & Black Titled Full Banner View Code 7- Black & Blue Titled Full Banner View Code 8- Black Gradient Full Banner View Code Hal Banners 9- Black Horizontal Gradient Half Banner View Code 10- Orange Striped Oval Half Banner View Code 11- Subtle Blue Half Banner View Code 12- Simple Slanted Black Half Banner View Code Button 13- Black Diamond Button View Code 14- Shadow Box Button View Code 15
corner.js (with IE 6/7 support)
corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. CVI-lab: Get a fast impression of the effects and their illu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
REVNODE
Tumblr Dashboard Big Photos
http://rcss.rubyforge.org/
我的春秋: タグクラウドのマークアップ
Restyle the web with Stylish
http://www.res-system.com/item/567
cyano: なぜCSSは先でJavaScriptは後に読み込ませることが推奨されるのか