Online CSS Optimizer / Optimiser
Your Andy's account is now active and you're logged in. All available coupons will be applied automatically in your shopping cart! Your Andy's account is now active and you're logged in. All available coupons will be applied automatically in your shopping cart! Every once in a while, we at Andy's peer outside the industry and share a glimpse of things we find interesting. That's what you'll find b
角丸テーブル簡単作成ツール
角の丸いテーブルの作成ツール。 画像あり、画像なしのパターンを選択でき、 角のデザインなども自由にカスタマイズできます。 [ 画像あり版 - 画像なし版 ]
CSSレイアウトの定石 WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
hori-uchi.com: _blankを使わないで別ウィンドウを開くにはre
はてなブックマークをみていたら、気になるエントリーを発見。 [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法 target="_blank"という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、これらに準拠するようにしつつ、別ウィンドウで開くにはどうすればよいかという話です。 別ウィンドウで開くにはJavaScriptを使えってのが推奨される方法なんですが、onclickを使って定義するのはめんどうということで、この記事では、aタグにclass="popup"という属性を与えておけば、JavaScriptで別ウィンドウを開くということをしています。 この件については友人のHTML、CSSマスターなkawachi君と話したことがあって、そのときは、下のエントリで紹介されているrel="external"という方法を使うのがいい
divタグの外枠とidやclassを表示するブックマークレット - murasukeの日記
IburiTimesさんのBookmarklet::FloatAlt改で >例えばdivタグの外枠と、idやclassが表示されればXHTMLの構造理解に役立ちそうです。 >これもどなたかぜひ！ と書かれていたのを作ってみました。 idかclass属性のある<div>タグに色をつけます（虹のグラデーション？っぽい感じ） <div>の左上にid:class名を表示するラベルをつけます。 javascript:(function(){d=document;g=d.getElementsByTagName('div');r=new Array('red','orange','yellow','green','blue','purple');for(i=0;i<g.length;i++){p=g[i];z=p.id+':'+p.className;if(z!=':'){s='1px solid '
JavaScript内に&#から始まり、その後に5桁の数字が入ったコードがありました。…
JavaScript内に&#から始まり、その後に5桁の数字が入ったコードがありました。 何かの文字エンコードだと思うのですが、これは何でしょうか？また、このコードをデコードするツールがあればおしえてください。
Internet Explorer7 β2を含めた各ブラウザのCSS2.1実装状況
Name Last modified Size Description Parent Directory 08-Dec-2007 03:29 - address_check/ 13-Mar-2008 01:16 - affiliate/ 27-Sep-2008 12:59 - aibu/ 12-Nov-2007 21:05 - mail/ 23-Apr-2008 18:24 - mail2blog/ 07-May-2008 21:54 - sample/ 28-Apr-2008 18:51 - Apache/1.3.39 Server at diary.sakura.ne.jp Port 80
CSSのクラス名を表示するブックマークレット - cloned.log
HTML内で指定されているクラス名を一覧表示するブックマークレットを作った。 以下のコードをコピペして、「.url」という拡張子（ファイル名はお好み）でブラウザのお気に入りディレクトリに保存すると使える。IEでしか動作を確認できていないけれど。 [InternetShortcut] URL=javascript:(function(){var a=[];var z=document.getElementsByTagName("body");var v=document.createElement("div");v.style.top="0";v.style.left="0";v.style.position="absolute";v.style.backgroundColor="#F59720";v.style.fontFamily="Verdana";v.style.fontSize="
javascript - Yet Another Previewer : 404 Blog Not Found
2006年03月02日22:28 カテゴリLightweight Languages javascript - Yet Another Previewer 本日はもう一つ行きましょう。 Editor Previewer Help Source 使い方 EditorタブのフィールドにHTMLを入力して、Previewタブを押して下さい。 Editorタブをもう一度押すと、Geckoベースのブラウザーに限り、 PreviewのDOMから再生成されたHTMLでフィールドを書き直します。 それ以外のブラウザの場合、(現時点では)ただ戻ります。 Geckoベースのブラウザーをお使いなら、わざと謝ったHTMLをEditorタブで入力してから、 Previewを押してもう一度Editorを押して下さい。何が起りましたか? 作った理由 BlogのPreview画面では、通常自分用のCSSとは異なるCSSが
javascript - Tabifier : 404 Blog Not Found
2006年03月02日14:24 カテゴリLightweight Languages javascript - Tabifier というわけで、こんなの作りました。 CSS と JavaScript でタブ切り替え もっとシンプルにできそうなアイディアがございましたらご教示下さい。 誰でも簡単に CSS + Javascript でタブ切り替えを作れます。CSSの知識もJavaScriptの知識も不要です! 基本編 以下をコピペします。 <script type="text/javascript" src="http://blog.livedoor.jp/dankogai/js/tabifier.js"></script> <div id="tabheader"></div><div id="tabbody"></div> <div class="tab" title="Title 1">
オンラインCSSエディタたぬきのしっぽ
自分のブログをカスタマイズしてみませんか？CSSと聞くと良くわからない方が多いかと思います。特にこんなことを思ったことがありませんか？ 「ブログのスタイルを変更したい」 「変更したいけど設定が良くわからない」 「スタイルシート独自のセレクタ等がどこを弄ればいのかわからない」 そんなあなたに！このツールは視覚的に直感的に入力すればだれでも編集可能です。
borderの幅はwidthに含まれるのか | なつみかん。
borderの幅はwidthに含まれるのか 2006.02.24 Friday borderの幅はboxの外側にあるのか、内側にあるのか。 これについては「URL入りのDOCTYPE宣言をした場合は外側に（標準モード）、そうでない場合は内側」と思っていた。padding についても同様に 標準モード：実際の幅 = width + padding + border 互換モード：実際の幅 = width ( padding および border を含む) 例えば .hoge{ width : 300px ; border : 2px solid ; padding : 5px } の場合、実際の幅は 標準モード→ 300 + 2*2 + 5*2 = 314px 互換モード→ 300px（中身は自動計算） です。 なので困った時は１行目に <!DOCTYPE HTML PUBLIC "-//W3
安全な style アトリビュートのチェック案 - Tociyuki::Diary
HTML を無害化したいとき、style アトリビュートを問答無用に捨ててしまうのが主流なのだと思うのですけど、次のように HTML 用に記述内容を制限して利用可能にしたらどうだろうかと考えつつあります。 (2月7日 修正あり) 許可するもの: IDENT を構成する文字をアルファベット・数字・マイナス・アンダースコアに限定 declaration は単位付き数値と keyword と hexcolor だけ term 間はスペースとコンマとスラッシュだけ スペースはブランク文字、タブ、LF、CRだけ 文字エスケープ、url、関数、文字列は不許可にします。 W3C の CSS2.1 の構文から、関連する部分を抜き出して上のルールに沿って不要なものを削ってみます。 ⇒ http://www.w3.org/TR/CSS21/grammar.html ruleset : S* declarati
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.res-system.com/item/542
最速インターフェース研究会 :: [萌ディタ] CSSで使っている色を分かりやすくする
https://hardwar.org.uk/
danvine.com > iCapture > safari screenshots
Approximate Conversion from Points to Pixels
Dynamic HTML Styling : for Internet Explorer CSS & DHTML
SELFHTML aktuell: XHTML- und CSS-Sidebars