[CSS]適切ではないマークアップを注意してくれるスタイルシート -holmes.css
ページ内のマークアップで誤っている箇所、無効な箇所、アクセシブルでない箇所をハイライトで明示してくれるスタイルシートを紹介します。 デモページ レッドのハイライト エラー イエローのハイライト 警告 グレーのハイライト 好ましくない holmes.cssの使い方 holmes.cssの使い方は、2通りあります。 スタイルシートファイルをページに適用 ブックマークレットを使用（要JavaScript） スタイルシートファイルをページに適用 「holmes.min.css」を外部スタイルシートとして適用し、bodyにclass「holmes-debug」を加えます。 HTML <link rel="stylesheet" href="../" media="screen,projection,print,handheld" type="text/css" /> <body class="hol
XRAY :: for web developers
These materials are copyright Western Civilisation Pty Ltd. www.westciv.com They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses. Please see our website for detailed copyright information or contact us [email protected]. XRAY: look beneath the skin XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (inc
ErrorVault acquires Spriteme - Web Development Troubleshooting Tools
Spriting in all simplicity ErrorVault has acquired US-based Spriteme to complement it's growing web development portfolio. ActiveX errors, browser error codes, Runtime errors, Windows Update errors, Blue Screen of Death, Device Manager errors, Windows system errors, Windows errors Background images can give pages a good look, but also slow them down. Each background image is an additional HTTP req
【ハウツー】CSS Spritesの必要素材をサクッと生成! お手軽ブックマークレットSpriteMe (1) まずは使ってみよう | エンタープライズ | マイコミジャーナル
ブックマークレットで手軽にスプライト画像/CSSコード生成 Steve Souders氏は14日(米国時間)、自身のブログ上でSpriteMeを公開したとアナウンスした。SpriteMeはCSS Spritesを使うにあたりcoolRunningsを使用して必要なスプライト画像を生成、および表示のためのCSSコードを出力してくれるWebサイト。同Webサイトにはブックマークレットが用意されており、ユーザはブックマークレットを任意のWebサイトで実行するだけで簡単にスプライト画像と必要なCSSコードを入手できる。 SpriteMeの動作の流れはおもに次のとおり(Demoより抜粋)。 CSSより背景画像(background-image)が指定されている箇所を抽出 抽出した画像の幅や高さをもとに、グルーピングをおこなう グループごとにスプライト画像を生成 生成したスプライト画像を現在表示してい
『ブックマークレットから起動するCSSデバッグツール「YAML Debug」』
YAML Debug - an assistive code diagnostic tool for web developers （別窓） YAML Debugはブックマークレットから起動出来る手軽なCSSデバッグツールです。 インターフェースはこんな感じ。 このようにタグを表示したり div要素を表示してレイアウトの階層を把握したり グリッドを表示したりできます。 他にもaltが記述されてない要素や空の要素をハイライトしたりなんてことができます。 「Stylesheets」タブでは読み込まれているCSSが一覧表示され、CSSを無効にしたりコードを見たりバリデータに通したりなんてこともできます。 自分のサイトのデバッグはもちろん、他のサイトがどのように作られているかを調べるのにも使えそうですね。
選択中の文字数を数えるブックマークレット - Born Neet
count! なんかちょくちょく入用な時があるので作ってみました。 ご自由にどうぞ。（あんまりテストしてませんが） ソース javascript:(function() { w=window;d=document;q=w.getSelection?w.getSelection().toString():d.getSelection?d.getSelection():d.selection?d.selection.createRange().text:'';if(q) alert(q.length + '文字です。'); else alert('文字列が選択されていません！') })() どこでもLucky!をベースにしたら一瞬でできました。 ブログは自分のために書くとはよく言ったもんですね。（404 Blog Not Found:読者という神は自らを助くbloggerを助く - blogを
Webブラウザを10秒でもっと便利にするブックマークレット
ブックマークレットとは？ ブックマークレットは、ウェブブラウザでいつもやっているような退屈な作業をもっと簡単で便利にする無料のツールです。 ブラウザのアドオンなどをインストールする必要は一切無く、下の２つの操作で誰でも簡単に使うことが出来ます。 ブックマークレット（例えば、 Google検索 や 画像を拡大 など）を、Webブラウザのブックマークバーまたはリンクバーにドラッグ＆ドロップしてください。 そのブックマークレットを使いたいページを開き、ブックマークバーのブックマークレットをクリックしてください。 ブックマークレットアイコンについて : おすすめのブックマークレット : 標準的ブックマークレット : 実験的あるいは、動作が限定的なブックマークレット : このサイト上で動作をカスタマイズ可能（右下の赤いバッジ） ライセンス このサイトで紹介しているオリジナルのブックマークレットは、M
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
