インフォシーク
設定した内容をインフォシークトップページに反映するには、「保存する」ボタンをクリックしてください。 インフォシークのトップページを編集してみませんか？ インフォシークでは、トップページに表示するサービスを編集することができます。 あなたがよく利用するものや、チェックしたい情報だけを選択して表示させることができます。 あなたの好みにあわせて、インフォシークトップページを作ってみましょう！ あなた好みのメニューに設定してみませんか？ 追加したいサービスをチェックするとメニューに追加されます。 メニューに入ったサービスは上下を入れ替えることができます。 設定した内容はお使いのブラウザに保存されます。 Cookieを有効にしてご利用ください。 お客様がご使用のブラウザは、当ページのCSS（スタイルシート）に対応しておりません。 そのため一般的なブラウザと表示が異なりますが、通常どおりご
XP 2 Vista
XP to Vista Style Windows XP の見た目を Windows Vista 風にする。 blogのほうでこんな事やってたら、まとめを作って欲しいという声がありましたので、 そこはかとなくやっつけ仕事気味ですがまとめてみました。 お約束ですが、システムファイルの改変はOSの動作に不具合をもたらす可能性がありますので、 ここに書いた事を試す場合はすべて自己責任で行って下さい。 （最終更新2008/08/26） 期間限定と言いつつ、訪問される方やリンクが多いので、このページはしばらく残します。 更新はあまり期待しないで下さい。リンク切れなどもご容赦下さい。 ※Vista風も含め、“デスクトップカスタマイズ”という括りだと、物凄くディープな世界ですので、 VisualStyles（特にFont関連）等は相当はしょってます。 さらに高
PNG (Portable Network Graphics) Home Site
If you're using a Windows version of Netscape Navigator and want to print this page (and still be able to read it), click on the png-printable link at the very bottom of this page. Portable Network Graphics An Open, Extensible Image Format with Lossless Compression (Not Related to Papua New Guinea, the Pawnee National Grassland, the Professional Numismatists Guild or the "Pack 'N' Go" format) Welc
PowerToys
PowerToys for Windows XP とは PowerToys for Windows XP の日本語化のダウンロード PowerToys for Windows XP の内容 PowerToys for Windows XP 関連のリンク （注意）ClearType Tunerが新規追加され、HTML Slide Show Wizard がアップデートされましたので、日本語化プログラムも新しいバージョンに対応しました。(2004/10/10) PowerToys for Windows XPとは PowerToys for Windows XP には、Tweak UI をはじめ、Windows XP の使いやすさをさらに高める10個のプログラムが収録されています。 PowerToysはMicrosoftの開発者により作られていますが、製品版Windowsの一部ではありません。
独学 JavaScript
「どのブラウザに向けてページを作る？」のページを追加(1998/11/01)。 世界時計のサマータイム対応版を追加(1998/10/28)。 独学JavaScriptをダウンロードしてオフラインで読めるように、zip形式で圧縮したものを用意しました。 [ 98年11月15日版(TAR+GZ形式) djs981115.tar.gz (75k) ] [ 98年11月15日版(ZIP形式/PC向け) djs981115.zip (75k) ] JavaScriptとは何だろう htmlへJavaScriptを埋め込む 変数とif文 変数 ちょっと詳しく コメント 関数 for文 JavaScriptに対応していないブラウザに迷惑をかけないために 文字列の扱い FORMとの連動(buttonクリック) FORMとの連動(inputフィールド) FORMとの連動(inputフィールド)[改良版 IE
ブラウザ判別では"Gecko/"を調べてください - Web標準普及プロジェクト
ブラウザ判別では"Gecko"を調べてください JavaScriptの互換性検査においてはブラウザ判別とオブジェクト検出にあるように、 オブジェクトの有無によって判定するのが一番確実です。 しかし、CSSの互換性等をJavaScriptで無理矢理切り分ける場合等にはこの手法は使えないので、 その場合はブラウザの種類とバージョンを検査しなくてはいけません。 Mozilla/Netscapeは区別せず、Geckoブラウザ MozillaやNetscape6/7は共に同じGeckoというレンダリングエンジンを使っていて、 Webページの表示性能は(バージョンの差によるものを除けば)全く同じです(バグも)。 そしてこのことはGeckoエンジンを使用する他のブラウザにも当てはまります。 例えばMozilla Firebird(旧Phoenix)やCamino(旧Chimera)等です。 このようなG
JavaScriptによるブラウザの種類とバージョン判断
[訳註] Linkタイトルも一部和訳しましたが、実際のLink先に和訳があるとは限りません。和訳が用意されている場合でも、本文書での和訳と異なる題名となっていることがあります。 Sniffer と Detection : 前者は"嗅ぎ分け"と直訳されることが多いですが、あまり好きな表現ではないので(^^; 前者を"判別"とし、後者は"判断"というように使い分けました。 以下、このような緑色の小さな文字(要CSS対応)となっている部分が訳註です。 究極の JavaScript クライアント判別, Version 3.03 JavaScriptによってブラウザのベンダ、バージョン、オペレーティングシステムを判断 ウェブページの作成にあたっては、閲覧者が多くのベンダーによる様々なバージョンのブラウザを使用している可能性を考慮に入れる必要があります。プラグインを必要とするような特定のページ
CSS Filters (dithered.com)
Home CSS Filters and Hacks Because of the generally crappy CSS standards support in modern browsers, a number of techniques have been developed to hide CSS stylesheets, rules, and declarations from browsers that won't understand or will mis-interpret them, or to set different values to the same CSS property in different browsers in order to acheive the same appearance on all (or most) browsers. On
ブラウザ別に振り分ける
<script type="text/javascript"> <!-- if (window.opera) { /* Opera の処理 */ } else if (document.all) { /* Internet Explorer の処理 */ if (document.fileModifiedDate) { // または window.clipboardData /* Windows 版の Internet Explorer の処理 */ } else { /* Macintosh 版の Internet Explorer の処理 */ } } else if (document.layers) { /* Netscape Communicator の処理 */ } else if (document.getElementById) { /* Gecko, WebKit, Bl
ブラウザバージョンチェック
Cross Tips Maintained by 1998 - 2002Toshirou Takahashi Last Update :Monday, 24-Apr-2023 15:45:24 JST ブラウザバージョンチェックについて JavaScriptはVBScriptやActiveXと違って基本的にNNでもIEでもWinでもMacでもUNIXでも使えるクロスプラットフォームでクロスブラウザな言語です。とはいえ、ブラウザの進歩にともなうバージョン間の違いやマシン環境による違いも当然ながら存在しています。 この本では主にブラウザ間の違いをあまり意識せずにDHTMやJavaScriptを書けるようにすることを意図していますが、 将来のバージョンやDHTMLを使えない古いバージョンアップや環境の違いに対応するときなどのために処理を分岐する方法を学んでおくことも不可欠です。 ここでは、Jav
[mixi]br要素による回り込み解除 - Web標準 | mixiコミュニティ
はじめまして。 アルバイトでウェブ制作をしていて、コーディング担当を経て現在コーディング・チェックを担当している者です。 質問なんですが、br要素っていうのは強制改行ですよね？ このbr要素は、p要素の中で強制改行を行うために使用すると思って使っていますけど、後輩が作るコードには <br style="clear:both;" /> と書かれていてfloatを解除しているところを良く見ます。 「これは構造上良くないと思うよ」と注意して、CSSでclear:bothを指定するように指導をしてはいるものの、「思う」程度で確信には至っていません。 文書の段落であるp要素以外での強制改行、構造的に有りなのでしょうか？
![[mixi]br要素による回り込み解除 - Web標準 | mixiコミュニティ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f9015b8280ea84deff1696568a97a3ea1024511c/height=288;version=1;width=512/https%3A%2F%2Flogo-imagecluster.img.mixi.jp%2Fphoto%2Fcomm%2F20%2F66%2F82066_13.jpg)
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
スタイルシートで疑似フレーム
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
スタイルシート(CSS)で段組を構成する 2 CSSで作る段組レイアウトの例 - ［ホームページ作成］All About
CSS段組2：スタイルシートで作る段組レイアウトの例HTML+CSSで「段組(マルチカラム)」を作ってみましょう。よくあるレイアウトのサンプルを用意して、その通りに段組を構成する方法をご紹介します。スタイルシートでスマートに段組を作りましょう。 スタイルシートだけで作る段組の例 前回の記事「スタイルシートだけで段組を作る」で、table要素を使わずに段組（マルチカラム）を作る方法についてご紹介致しました。 今回は、段組を用いたページ構成をサンプルとして示して、その通りの段組を作る方法をご紹介致します。 今回ご紹介するのは、下記の画像のようなページ構成です。 よくある構成ですね。 この構成の段組をスタイルシートだけで実現するサンプルソースをご紹介致します。 まずはHTMLを書く まずは、HTML部分をご紹介致します。 デザインはすべてスタイルシートで記述しますから、HTMLは非常に単純です。
XHTMLの書き方と留意点
class="abstract" itemprop="http://purl.org/dc/terms/abstract"ひろく普及したHTMLの資産を生かしつつ、より強力で応用範囲の広いXMLの技術をWebに取り込むために、HTML 4.01と互換性を持つ新しいマークアップ言語XHTML 1.0が勧告されました。次の世代に備えるための、いくつかのポイントをご紹介します。 XHTMLとは XHTMLの基本形 HTMLとの互換性について 従来のHTMLをXHTMLに変換するための若干のヒント XHTMLとは 2000年1月26日にW3Cの勧告となったXHTML（Extensible HyperText Markup Language）[XHTML10]は、素朴な文書構造記述言語として発展してきた（あるいは混乱してきた）HTMLに、XML[XML1]の持つ柔軟性、拡張性を取り入れたものです。H
word-break－スタイルシートリファレンス
word-breakプロパティは、W3Cで審議中の仕様をInternet Explorerが独自に採用したもので、 表示範囲に合わせて改行するか、単語の切れ目で改行するかなど、文の改行の仕方について指定する際に使用します。 単語の途中で改行するかどうかを指定するword-wrapプロパティとの使い分けについてですが、 word-wrapプロパティは、文の改行というより、 長い英単語を途中で改行させたくない場合に使用するもののようです。また、日本語の単語に対しては無効なようです。 word-breakプロパティは、CSS3で標準採用されるかもしれません。 ■値 normal 英語等は単語の途中では改行せず、単語の切れ目で改行されます。日本語・中国語・韓国語等は表示範囲に合わせて改行されます。このため単語の途中で改行されることもあります。 break-all 言語に関係なく表示範囲に合わせて改
mixiをXHTML+CSSで組みなおす - 3ping.org
授業内で、既存サイトをXHTML+CSSで組み直す練習をするのですが、生徒が提出したのが「mixi」を書き直したもので、とてもよく出来てました。 mixiはテーブルレイアウトで組まれていて、基本は3カラムだけど、もとがテーブルなだけあって、ヘッダーのメニューが少し複雑だったり、セクションごとのビジュアル的なデザインや、細かい文字の余白のとり方が難しい。 現在のCSSは「どんな見栄えも出来てしまう」とは言えない。本当は言いたいのだけど、実際にはブラウザーのバグを回避するためにバッドノウハウを駆使したり、CSSの限界から、見栄えとは切り離すべきXHTML部分を調整しなくては再現できない見栄えがある。 けど、生徒の提出したものは、見栄えのためだけのdivも無ければ、ヴァリデーターだけを100点で通過するような機械騙しのXHTMLでもない。(一部、リストとしてマークアップできるところはある) もち
JavaScript for CSS(3)
JavaScript for CSS (3) class属性値やid属性値を変更することも可能です。 <LINK rel="stylesheet" type="text/css" href="style1.css"> <LINK rel="stylesheet" type="text/css" href="style2.css"> <STYLE type="text/css"> <!-- .class1 { text-decoration: underline; background-color: #fee; color: red; } .class2 { text-decoration: line-through; background-color: #eef; color: blue; } #id1 { background: #FDF5E6 url(img/bac01c.gif)
IE で div の高さを 1px にする方法
こんなことに3日も悩んでしまった。div の height を 1px にしても、IE6 ではうまく表示されません。 <div style="width:100%;height:1px;background-color:red;"></div> これは次のように表示されます。 Mozilla / Firefox では意図通りに高さが 1px になりますが、IE では1文字分の高さが確保されます。そこで font-size を小さくしたらいいのではないか思い、 <div style="width:100%;height:1px;background-color:red;font-size:1px;"></div> のようにしてみましたが、これでも 2px 分は表示されてしまいます。他にも font-size:0px や line-height:1px のようにしてみたのですが、うまくいきませ
Lucky bag::blog: Preload
始めに断っておくけど、このエントリは Tips でもなく何のためにもならないもんです。ちょっと気になっていた記事があって検証してみたら、「チッ、使えないじゃん」ってオチだったんだけど、一応書き残しておこうかなってレベルのもんです。しかも、前置き長いし。 CSS を使ったロールオーバー CSS の :hover 疑似クラスを使って、要素の背景画像を切り替えてロールオーバーの効果を出すってのは今や珍しくもなんともない。例えば、下記のような指定をしたとしよう。 a { background: url(normal.png) center left no-repeat; } a:hover { background: url(hover.png) center left no-repeat; } 上記例のようにノーマル時とマウスオーバー時の画像を別々にしていると、マウスオーバーした時に hover
height: n%;の正しい仕様 - Web標準普及プロジェクト
height: n%;の正しい仕様 CSSでは例えばheight: 100%;と書いた場合、実際にどういった高さとなるかご存じでしょうか? この算出値は親要素に左右されるのですが、 よく勘違いされている方がいるので正しい仕様を紹介しておこうと思います。 なおここでは話を分かりやすくするために通常フローの場合であることを前提に記述しています。 通常フローでは無い要素の場合、親要素を包含ブロックに読み替えてください。 親要素の高さが明らかな場合 多くの方はこの場合の仕様のみをご存じのはずです。 説明する間でもなく、親要素の高さのn%がその要素の高さとなります。 例えばheight: 300px;の要素の子要素が height: 50%;だった場合、その算出値は150pxになります。 親要素の高さが'auto'の場合 heightプロパティの初期値はautoです。 つまり、明示的にheight:
cssで画像をプリロードする方法（改-とあるWEBクリエイターのblog
cssで画像をプリロードする方法（改 以前このblogで取り上げたcssのみで画像をプリロードする方法ですが、実は画像のプリロードが全くできてませんでした(汗 参考にされた方すみませんでした。 また、記事のアイデア元であるPHPSPOT(Specere Blogs)の方法でもプリロードはできません。キャッシュフォルダを見ながら検証いたしました。(IE6) ともにカスケーディングの仕様を誤解しての発想だったようです。 cssプロパティはカスケーディング(スタイルの上書きの事です)を行いますがブラウザが解釈するのは最後のプロパティです。ので、同じプロパティを複数カスケーディングしても有効になるのは最後のみでした。 さてリベンジということでcssで画像をプリロードする方法（改をご紹介します。 (x)htmlに記述するコード <img src="読み込みたい画像" width="0" height
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
パワーソフト・ＨＴＭＬ特殊文字一覧
ＨＴＭＬ特殊文字一覧 ＨＴＭＬ特殊文字一覧は、ホームページ作成時に特殊な文字を使用したいときに利用します。たとえば、ブラウザは通常、複数空白を詰めてしまいますが、ここで空白がほしいときには、 と記述すると空白を挿入してくれます。また、ＨＴＭＬファイル内にいきなり "<" を書くとタグの開始とみなされますが、文字として＜を書きたいときには ≷ と記述します。 使用頻度の高いのは、 " & < > © です。
ブラウザ別の機能対応状況、クセ、よく問題となるバグとその対処法 The Trap of Web Design
This domain may be for sale!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ima.pandach.com/cgi-bin/mt/2007/04/post_107.php
IconSet
http://www.mozilla-japan.org/docs/dom/samples/
http://www.k.ctrl.titech.ac.jp/~kiyoshit/work/ie6/
BRnet Web Paradise - Webマスタのための応援サイト
HTMLクイックリファレンス
AWCS
danvine.com > iCapture > safari screenshots
301 Moved Permanently
Index of /images
The Trap of Web Design