Geekなぺーじ：HTML知識レベル
「Levels of HTML knowledge」という記事がありました。 かなり皮肉たっぷりで笑えました。 以下、要約していました。 誤訳などがあると思うので詳細は原文をご覧下さい。 原文のさらにネタ元の「Levels of CSS knowledge」も面白いです。 レベル 0 このレベルの人はHTMLを見ることはありません。 例えば、メールで送信されてきたHTMLメールを原文のまま見るなど、稀に何かの間違いで表示されてしまっているHTMLを見ることはあります。 彼らはレベル0以上になろうとも思いません。 ありがちな発言 「H？TM？ 何それ？」 レベル 1 このレベルの人たちは、自分たちが日々目にしているWebサイトの裏で何らかのプログラムが動作している事を認識しています。 このクラスの人たちはWebサイトを自分たちで作るときには、専用のツール(Photoshop、Dreamwea
ウノウラボ Unoh Labs: 携帯サイト作成時のXHTMLでの相違点
こんばんは。harukです。 DoCoMo編…となるはずですが、特に書くようなことがないので、今回はXHTMLについて少し書いてみます。 現在ではすべてのキャリアが3G端末がメインとなってきています。 ※2006年11月末現在 DoCoMo: 約60% au: 約90% SoftBank: 約35% ほとんどの3Gの端末ではHTMLに加え、XHTMLを使うことができます。 XHTMLを使うことによって、文字の背景色を設定できたりするなど、デザイン表現が多彩になっています。 今回はXHTMLを使用する上での、各キャリアの仕様の違いなどをまとめてみたいと思います。 対応機種 DoCoMo FOMA(初期の2001,2002,2101以外) au WAP2.0ブラウザ搭載端末 SoftBank W型、3GC型 DOCTYPE宣言(推奨) DoCoMo <!DOCTYPE html PUB
wxTidy レビュー MOONGIFT
wxTidy レビュー 起動 （クリックすると拡大します) チェック実行 （クリックすると拡大します) チェックされたHTML （クリックすると拡大します) 設定 マークアップ （クリックすると拡大します) クリーンアップ （クリックすると拡大します) XML （クリックすると拡大します) エンコーディング （クリックすると拡大します) レイアウト （クリックすると拡大します) オペレーション （クリックすると拡大します) wxTidy 紹介はこちら
WorldWideWeb: ハイパーテキストプロジェクトの提案(訳)
この文書は、1990年11月12日、最初のWebブラウザを開発したティム・バーナーズ・リー氏が、彼が所属する組織であるCERNの重役たちにむけて送った、メールによる提案書の日本語訳です。( 原文はここ: http://www.w3.org/Proposal ) この提案書が送られてから3ヶ月後に、当初の予定に遅れることなく、最初のWebブラウザ「WorldWideWeb」がリリースされることになりました。（スクリーンショット：http://www.w3.org/History/1994/WWW/Journals/CACM/screensnap2_24c.gif ） 私がこの文書に興味を持ったのは、Webの発展の歴史上、非常に重要な文書であるということだけではなく、この文書が、プロジェクトを成功させるために必 要な、高品質の提案書を作成するための非常に良いヒントを多く含んでいるからです。 プ
SEOとフレーム | 水無月ばけらのえび日記
例を挙げますと、「高知競輪」サイト< http://www.kochi-keirin.co.jp/ >は、「このサイトはフレーム・フラッシュを使用しています。」という検索語を入力してヤフーで検索すると、トップに登場します。しかもインデックスされているのはフレームの内部ではなく、フレームを定義している親ファイルです。 ロボット型検索エンジンではグーグルに遅れをとっていたヤフーですが、このテクノロジーはナイスと言えるのではないでしょうか。 はあ。「このサイトはフレーム・フラッシュを使用しています。」という語を検索すると「高知競輪」サイトがトップに来るのだそうですが、それのどこが「ナイス」なのでしょうか。どのようなユーザが「このサイトはフレーム・フラッシュを使用しています。」という語を検索するのか、そのユーザが「高知競輪」サイトを訪れることにどんなメリットがあるのか、ちょっと想像できないのですが
[Perl] HTML::TagParser - HTMLソースの解析／属性値やinnerTextの取得
Kawa.netxp [Perl] HTML::TagParser - HTMLソースの解析／属性値やinnerTextの取得 HTML::TagParser は、HTML ソースコードの解析を行う Perl モジュールです。 DOM 風のインターフェースで、各 HTML タグごとに属性値やinnerText値を取得できます。 Pure Perl 実装ですので、コンパイル不要で手軽に利用できます。 ページ中の特定のタグの内容を抽出したり、リンクを辿っていくスクリプトなどで利用できます。 Encode.pm バージョン 2.10～2.12 間で発生していた FB_XMLCREF 問題に対応しました。(2006/11/01) Encode::FB_XMLCREF でなく Encode::XMLCREF を利用します。（効果は同じです） 2.12 は既に最新バージョンではありませんが、Perl
おさかなラボ - MixiとCookieドメイン
Mixiが、一時的にCookieのドメインを“mixi.jp”から“.mixi.jp”に変更して、一部ブラウザからアクセスできなくなるという現象が起こりました。これをmixi側は「古いブラウザを使っているのが原因。新しいブラウザに変えれば直る」と一蹴しましたが、この対策が妥当だったかはともかくとして、規格上、古いブラウザと新しいブラウザのどちらに問題があったのかを検証してみます。 “.mixi.jp”への変更が妥当だったかどうかについて。 Cookieについては当初Netscape社のテキトーなドキュメントのみが仕様として成り立っていた経緯があり、実装にかなり揺れがあります。特に Cookieの大元の仕様と、RFC上のCookieの仕様の2つの内容が相反していて、Netscapeの仕様の方はDOMAINの先頭にドットを入れることに言及がない(サンプルは先頭ドットなし)。一方、RF
javascript - Text to HTML Entities Encoder : 404 Blog Not Found
2006年10月06日17:30 カテゴリTips一日一行野郎 javascript - Text to HTML Entities Encoder Sourceを貼付ける際に実体参照化するとき、みなさんはどうしていますか? 404 Blog Not Found:ソースを貼付ける50の方法 コピペのしやすさでtextareaで囲む方法に比べて一歩及ばず、そしてtagの実体参照化が必要だという欠点はあります。 私はPerlのOne-Liner、 perl -Mencoding=utf8 -MHTML::Entities -ple '$_=encode_entities($_, "<>&")' でやっていたのですが、どうせならブラウザーを離れずに出来た方がいいですよね。というわけでこちら。 Text -> HTML Entities Encoder 何度目の車輪の再発明かわかりませんが、気に入
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
ekken♂ : 検索結果で有利になってどーすんの？ - 石川一靖さんのコメント
検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE 見たこともないようなタグがいっぱいあった。 W3C的にどうなのよ？マークアップ言語的にどうなのよ？ という意見もあったけど（SEOの本末転倒：メモランダム）、正直よくわからん。 ただ、間違いなく言えることは、たとえ検索結果で有利になろうと、そこから来訪した人が面白いと思うことを書いていなければ、その検索上位になるための努力はクソの役にも立たないということ。 こんな普段使わないようなタグを、一生懸命取り入れる工夫をするよりも、多くの人が面白いと思えるような話題を提供する方が大事だと思う。 追記 08月25日 lstyさんからトラックバックいただいたので、ちょっと反応。 他人の不幸は蜜の味: ブロガーがSEOを語る際に抜けがちな前提えっけんさんの論調は、「検索で来た人が、そのブログを見て『面白い』と思わなければ、ブログの読
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
ページ作成のテクニックをまとめた「20 pro tips」が公開されています - PHPプロ！ニュース
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
グリッドレイアウトのための背景画像 - lucky bag
ウェブページをグリッドレイアウトするのであれば、あらかじめ CSS で背景画像にルーラーみたいな画像を指定しておけば制作時に便利じゃね？ってアイデア。 Subtraction: Grid Computing… and Design Airbag - Ruler. Using a Background Image Grid to Lay Out Your Web Site | Smiley Cat Web Design つうことで、自分が使いやすいと思う方眼画像をちゃちゃっと作ってみた。 gif画像（ご自由にどうぞ） grid.gif (GIF 画像, 200x200 px) 実際に適用してみたサンプル グリッドレイアウトのための背景画像のサンプル ルーラーの最小単位は 5px で、それより若干濃い線が 10px 、さらに濃い線が 50px、んでもって薄いグレーの背景が 100px 単位って
富士通がWebのアクセシビリティ診断ソフトを強化
富士通は、Webサイトのアクセシビリティをチェックするためのツールを強化した。5月18日から、同社のWebサイト（http://design.fujitsu.com/jp/universal/assistance/）で公開し、無償提供する。 公開するのは、「WebInspector 5.0」。Webページが、経済産業省が2004年6月に制定したWebのアクセシビリティ指針「JIS X 8341-3」の要件に対応しているかどうかの確認を容易にする。確認したいWebページを指定すると、問題のある場所、問題の概要、それに対応するJISの要件番号がリストアップされる。 5.0では、チェック可能な項目を旧版（4.0）の68個から89個に増やした。例えば、音声読み上げソフトが正しく機能するように、「東 京 都」のように一つの単語にスペースや改行を入れていないかがチェックできる。また、問題点の表示方式を
スキル分離 (XHTMLized.com) | 100SHIKI
ウェブサイトを作るときはデザインとコーディングは別物である。両方うまくできる人がいればいいが、個人的な経験からすると片方だけ得意な人、というのも多い。 デザインのスキルとHTMLやらCSSやらの技術は近いとはいえ、違うものだし、人によって得手不得手があるだろう。 そういうわけでXHTMLizedのようなサービスが出てくるのもうなづける。 このサイトではサイトのデザインを渡せば、一週間ほどでXHTML/CSSでコーディングをしてくれるサービスを展開している。 これなら「きれいなデザインだけどレイアウトがTableだった･･･」ということもなくなるだろう。 違うスキルセットのサービスは分離させる。サイトデザイン以外にもそうした発想が行かせる分野があるかもしれませんね。
はてなダイアリー - 大西日記
HTML Helpとは、Microsoftが提唱している拡張子chmのオンラインヘルプです。よくソフトウェアに添付されていますが、言語のリファレンスがこの形式になっているととても便利です。 id:secondlife先生が使っているので真似して使い始めました。 コンパイル済のHTML Helpだと全文検索できるし（しかも速い）、よく使うページをお気に入りに追加したり、といった機能も便利です。 ということでいろいろな便利なHTML Helpファイルを教えてもらったり探したりしてみました。 Ruby http://d.hatena.ne.jp/secondlife/20051023/1129997394 MySQL http://tsuttayo.sytes.net/mysql/help/ JavaScript (JScript) http://www.microsoft.com/japan/
cyano: HTTPSの認証ページから認証後、HTTPのページへセキュリティーの警告無しにリダイレクトする方法
普通に考えると、パスワードを認証後のHTTPレスポンスヘッダ(*1の部分)で Location: http://www.exmaple.com/logined.html とかすればいいんじゃないの？と思うのですが、そうするとIEで「セキュリティーで保護されていないページに移動しようとしています」というような警告ダイアログが出てきてしまいます。 そんな警告ダイアログが出るのはユーザーフレンドリーじゃないので、それを防ぐ方法。 解決方法は簡単で、レスポンスヘッダで対応できないならレスポンスボディーで対処すればOK（Yahoo!なんかもこの方法を使っているようです）。たとえば、認証後、*1のところで以下のようなHTMLを返してあげれば、ブラウザがHTTPなページにリダイレクトしてくれるわけです。 <html> <head> <meta http-equiv="refresh" content="
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
ブラウザによる見え方の違いをチェック | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc CSS をいじりだすと気になるのが、ブラウザによる見え方の違い。 このブログでは訪問者の約65％が Internet Explorer ユーザですが、最近は Firefox など Mozilla系や、Opera・Safariといったブラウザの方も増えているようです。 わたしはWinXP+スレイプニルという環境で更新作業をすることが多いのですが、はてなツールバーがスレイプニルでは使えないので、最近は Firefox をメインブラウザとして使用しています。（もうすっかりはてなっ子） CSS をいじったり記事をアップした後、スレイプニルで見た時は思ったとおりのデザインだったの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
亜ジャックスのススメ | fladdict