CGI RESCUE - ネットサーフレスキューＷｅｂ裏技
シージーアイ・レスキュー（ 旧 ネットサーフレスキュー[Ｗｅｂ裏技] ）は 2026年3月31日をもちまして閉鎖しました。 それに伴いまして、レンタルカート、レンタル掲示板、 フォームデコードサービスも終了いたしました。 およそ３０年前、まだ個人ホームページも少なかったころ、 ３００ボーのパソコン通信からインターネットの世界に興味を持ち、 アクセスカウンターを提供している海外のサイトを まとめたホームページを作っていました。 そう、最初にホームページを作ったら、 どのくらいの方がアクセスしてくれているのか、みなさん知りたいはず、と。 その昔わたしが大学生になったばかりの頃、 マイクロソフトがBASICというプログラミング言語を発表し、 当時は８か１６ビットのFM-8だったか、プログラミングを楽しんでいました。 インタープリター言語という共通点から、Perlに興味を持ち、 現在の当サイトのよ
タブ風ＵＩを実装するための色々:phpspot開発日誌
Tab Interface Scripts | Dr. Web Weblog タブ風ＵＩを実装するための色々。 標準的なタブＵＩから変り種タブＵＩまで、いろいろなタブ式ＵＩを実現するためのライブラリがまとまっています。 Javascript Tabs vom Stilbüro AJAX Tabs Content Script Tabmenu dhtmlxTabbar ActiveWidgets 2.0 続きをみる いろいろあって面白いですね。 関連エントリ クールなタブＵＩを簡単に実現できるJavaScriptライブラリ「LivePipe」
第２回 Web標準と新たなマークアップ言語「XHTML」
Web標準ベースのサイト制作では、「XHTML」という新たなマークアップ言語を採用するのが一般的である。なぜHTMLではなくXHTMLを採用するのか、XHTMLのなかでどのバージョンを採用すればよいかを考えてみよう。 HTMLからXHTMLへ 現在のWebデザインでは、新規案件、リニューアル案件ともに、従来のHTMLではなくXHTMLを採用するケースが増えてきている。XHTMLは「Extensible HyperText Markup Language」の略であり、HTMLをXMLで再定義したマークアップ言語だ。 HTMLとの違いは、フルスペルからもわかるとおり、まず「Extensible（拡張可能）」な点にある。XMLのサブセットとして名前空間（namespace）が利用できるため、MathML（数式記述のためのマークアップ言語）やSVG（2次元ベクターグラフィックス記述言語）などのXM
リファラ実験 - referrer test
Updated: 2005-05-22 03:54:29+0900 [Home] 直にリンク 直にリンク リファラ表示ページに直にリンクします。 Firefox 1.0.4 …… リファラはこのページになる。 Opera 8.0 …… リファラはこのページになる。 IE 6 …… リファラはこのページになる。 NS 7 …… リファラはこのページになる。 Opera 7 …… リファラはこのページになる。 Lynx 2.8(cygwin) …… リファラはこのページになる。 w3m 0.1.9(cygwin) …… リファラはこのページになる。 HTTPヘッダのLocationを使用する Locationヘッダ HTTPヘッダでLocationを使用します。 header("Location: http://www.teria.com/~koseki/memo/referrer/view.
XHTML、CSS を学ぶ時の 6つの間違い
XHTML、CSS を学ぶ時にやりがちな間違いを私の個人的独断と偏見でつらつらと書いてみます。今から (X)HTML を学ぶのであれば、HTML よりも XHTML でしょということでタイトルや本文内では XHTML と書いていますが、ここは HTML に置き換えてもらっても同じだと思います。 1、とりあえず Dreamweaver を買ってくる 別に 「Dreamweaver」 だけに限らず、オーサリングツールさえ手に入れれば XHTML なんて簡単に習得できると思っている人は少なくない気がしますが、これは大きな誤解です。この誤解を抱えたまま 「オーサリングツールが使える = XHTML を理解している」 だと思い込んでいると後になって困ることになると思いますよ。 オーサリングツールは、コーディングスキルを補うツールではなく、コーディング作業を効率化するツールです。XHTML、CSS に
超クールなCSSデザインされたUIのレーティングシステムのサンプル:phpspot開発日誌
Rater ? Robarov: Webdesign, zoekmachine optimalisatie, hosting 超クールなCSSデザインされたUIのレーティングシステムのサンプル。 サンプルを使って次のようなカッコいいレーティングシステムを実装することができます。 デザインその１ デザインその２ いずれも、CSSによってデザインされており、HTMLは次のようにシンプル。 <ul id="rating"> <li id="r1"><a href="#1" title="give this site a 1"><span>Abysmal</span></a></li> <li id="r2"><a href="#2" title="give this site a 2"><span>Terrible</span></a></li> <li id="r3"><a href="#3"
連載記事 「ApacheによるWebサーバ構築」
Apacheについて知ろう 連載：ApacheによるWebサーバ構築（1） 「Apache」でWebサーバを構築。今回は、「なぜApacheなのか？」を改めて確認するとともにApacheの概要を解説する
HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」:phpspot開発日誌
Corunet. El blog Automatic CSS: The stylizator We’re going to write a simple script that takes an HTML file as input and gives us two things: HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」。 stylizatorを使えば、例えば、次の図の左のようなHTMLがあったとすると、図の右のような階層的で、構造が分かりやすいHTMLに変換することが出来ます。 変換されたHTMLのブロック要素には、次のようにブロックのID要素が赤の点線で分かりやすく表示されます。 利用には、Perl環境が必要です(ActivePerlでもOK)。 実行は、次のようにコマンドラインで行います。 perl stylizator.pl <変換を行いたいH
MOONGIFT: 必見！Webデザインのお供に「XRAY」:オープンソースを毎日紹介
Webサイトをデザインをしていて、どうにもサイズがずれる事があるかも知れない。そうした時、いちいちソースを表示してCSSのクラスを確認して、CSSファイルと照らし合わせていないだろうか。非常に手間ひまのかかる作業だ。 表示されているそのものを確認できれば便利だ。そしてそれを実現するソフトウェアがこれだ。 今回紹介するフリーウェアはXRAY、CSSレイアウトの情報をフローティング表示するソフトウェアだ。現在ライセンスは明記されていないが、将来的にはオープンソース化される予定との事だ。JavaScriptなので、ソースは現状でも見ることが可能だ。 XRAYはBookmarkletとして導入するソフトウェアで、公式サイトのブックマークをツールバーに登録すればインストール完了だ。後は任意のサイトでBookmarkletを実行すればいい。 Bookmarkletを実行すると、ブラウザ上にフローティン
Alertbox: ページ内リンクの使用は避けよう（2006年2月21日）
ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。ページ内リンクはこの思考モデルに反するため、混乱を招く。 Avoid Within-Page Links by Nielsen Norman Group on February 21, 2006 最近、同じ日に同じことについて 2 つの質問をされた。普通、このようなことが起こるということは、この話題にはもっと幅広い関心があるということなので、これについてのコラムを書こうと決めた。 質問その 1： 今、リンクをクリックして「名前付きアンカー」（同一ドキュメント内の別の場所）に移動する、「ジャンプ・リンク」についての議論に関わっています。私は、ジャンプ・リンクが新規ウィンドウを開くリンクと同等に、あまりよくないものだということを、貴方の書いた 2 つの記事で裏付けようとしています。
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 70,586 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタンを押してください。巨大なHTMLは途中でちょん切られてしまうことがあります。 [リセット] はすべての設定内容を初期状態に戻します。 URL DATA (DATA領域指定では文字コ
Home | Stopdesign
Creative outlet of Douglas Bowman Graphic designer and creative director. Work includes branding, digital, web, print, and application design. Led design teams at Twitter, Google, and Wired. San Francisco Giants fan. Late-start runner. Lernt Deutsch. Writes about design, UX, tech, running, parenthood, food, and travel.
CSSで実現するスマートなロールオーバー
CSSで実現するスマートなロールオーバー 暇があればコーディングコンテストの作品を眺めているのですが、ほんと勉強になります。 長谷川賞を受信したComplexさんが行っていたロールーオーバーの手法が、JavasScriptも画像置換も使わずにと素敵だったので紹介します。 サンプルはボクの方でアレンジしていますので、オリジナルも合わせて参考にお願いします。 まずサンプルのXHTMLソース <ul> <li class="ajaBtn"><a href="/ajax/"><img src="ajax_a.gif" alt="ajax" /></a></li> <li class="amaBtn"><a href="/amazon/"><img src="amazon_a.gif" alt="amazon" /></a></li> <li class="cssBtn"><a href="/css
SEO対策とWeb標準のホームページ作成 - SEO-Equation
楽しいとしか思えない！ 風邪だけではありません。 日は雨です 関東熟女は岩手はかっこいいようです 湿気が多い さて、これからは雨が降るたびに 涼しくなってきま 高熱が出て何年になりますか？ インフルエンザは何十年もかかっていないので、久しぶりの高熱は大変でした。 気温の違いによると思いますが、今回は朝から着ている服がとても気になります。 岩手 熟女 話が変わる... 最近は焼肉が食べたくて仕方がない 家でお肉を焼いても大丈夫ですが、お店に行って食べたいです〜 ここの焼肉店は美味しいのでオススメです。 すでに 処理しないと追いつかない 熟女は岩手が暗くないと見えません あなたの年齢を残さないでください！ しかし、Suppinは神です 週7回のメイクアップはありません！ ああ。 CDTVが始まりました！ 熟女は岩手は自分で写真を撮りに行きたいです 私は旅行の計画を立てるために休日に半日を過ごし
Java Mozilla Html Parser登場、ブラウザと同じクオリティを実現 | エンタープライズ | マイコミジャーナル
21日(米国時間)、Java Mozilla Html Parserの最新版となるJava Mozilla Html Parser 0.2.0が公開された。Java Mozilla Html ParserはHTMLデータをパースしてJavaドキュメントオブジェクトに変換するためのパッケージ。Mozillaで採用されているHTML Parserに対するラッパパッケージになっており、Webブラウザと同じクオリティレベルでのパースが可能という特徴がある。 0.2.0はパフォーマンスの改善が実施されているほか、エンコーディング関連のバグが修正されている。Java Mozilla Html ParserはもともとDapperにおける開発の一部として取り組まれたもの。ラッパライブラリでありすべてJavaで開発されたわけではないのでビルドやデプロイは若干手間だが、WindowsやLinux、Mac OS
clearは「floatの解除」ではない:てんぽ
「CSSのclearプロパティは『floatの解除』である」と説明されることがあります。 これはほとんどの場合において正しいのですが、正確には、clearは上マージンの自動調整です。 （追記：CSS2.1では、上マージンの自動調整ではなく、上マージンが不足する場合に不足分を埋める「クリアランス」を設ける、という説明になります。） 仕様書（邦訳）にはclearについて、つぎのように書かれています。 非浮動ブロックボックスに適用される場合は，値は次の意味をもつ。 left 生成されるボックスの上マージンを増加し，上境界辺が，ソース文書のそれより以前の要素から生じたあらゆる左浮動ボックスの下外辺よりも下になるようにする。 clearは「floatの解除」ではない ふたつのimg要素が、左フロート、右フロートの順で存在し、ふたつ目のimgでclear:leftした場合。 <p> <img src=
あるwebデザイナーの告白:アルファルファモザイク
編集元：Web制作板より「好きなコ（webデザイナー）に告白した・・・・・」 1 Name_Not_Found :2007/11/07(水) 04:23:46 ID:vdLqx5UT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ValidなCSS/XHTMLテンプレート集:phpspot開発日誌
25 Code Snippets for Web Designers (Part2)
携帯電話向けコンテンツの書き方(ウェブの作り方)。