[B! xhtml] Kazabanaのブックマーク

Kazabana id:Kazabana

xhtmlに関するKazabanaのブックマーク (22)

IDEA * IDEA
ドットインストール代表のライフハックブログ
Kazabana 2009/01/27
改訂版はIE8まで対応だったりする。

webdesign

web標準

book

xhtml

html

css

browser

書評

web制作
リンク
CSSの擬似クラス「:hover」で作るちょっと変わったメニュー - Trans
IE7の大きな進歩の1つといえば、a要素以外にも:hover擬似クラスが指定できるようになったこと。では、これを使ってどんなWebデザインができるのかについて3つの事例を調べてみました。 CSS hover effect | Veerle'sblogより。サンプルはKansas City Homes for Sale | Prudential Kansas City Real Estateの真ん中あたりのタブです。タブ内にマウスを持っていくと背景色が変わると思います。これを作るためには、次の2つの画像を用います。コードはこんな感じです。解説はCSSのコメントと一緒に書いておきました。ちなみに、事例の3つとも画像置換を使っていますが、その説明は省略しています。 <h2>4 different ways to find your Kansas City Homes for Sale</
Kazabana 2008/02/20
IE6での動作はコメント欄も要参照。

html

css

xhtml

webdesign

browser

internet explorer

tips
リンク
Sbox Error
The sbox program encountered an error while processing this request. Please note the time of the error, anything you might have been doing at the time to trigger the probl em, and forward the information to this site's Webmaster (webmaster@www.ac.cyberhome.ne.jp).Stat failed. /usr/local/apache2/cgi-bin/~mattn: No such file or directory sbox version 1.10 $Id: sbox.c,v 1.16 2005/12/05 14:58:01 lstein
Kazabana 2007/11/01
microformatsでWebページにメタデータを埋め込む方法とは。はてなブックマークでもmicroformatsには一部で対応している。

web

webservice

microformats

xhtml

data
リンク
alt属性はいかに決定されるべきか | Takazudo Clipping*
画像を閲覧できないユーザーでも内容を把握できるようにalt属性をつけましょうとは言うが、実際にはどのようにつけたらよいのかが実はかなりわからない。さらに納品前になんじゃこのalt！と突っ込まれる・・・。色々話し合ったりググったりした末にでた自分結論はこんなの。前提画像OFFのユーザー・音声ブラウザのユーザーが、画像の代わりにそのaltテキストが表示されても、ページ内容が分かる。但し、100%の情報を伝える必要があるわけでもない。そこに何の画像があるのかが伝わり、ページ内容を把握できる。画像の中に文字がある場合
Kazabana 2007/10/04
Altタグチェックポイントのまとめ。

accessibility

usability

webdesign

css

html

xhtml

tips
リンク
HTMLの質の追求は、モバイルがきっかけでブレイクする。
Web標準を考えるというエントリーで、フルCSSが受託案件で堂々と使えるようになったのは、SEOという言葉が出てきたから、という言葉を書いたら、はてブに微妙な反論があった。しかし、それは現場では間違いではなかった。 2002～2003年頃は、ネスケ4を切るための理由がなかったのだ。ネスケ4を切るということは、少なからずユーザーを失うというビジネスマターの決断になるので、制作者の論理、HTMLの論理などという瑣末︵あえて言ってみる︶なことで、ビジネスの機会損失になることは許されない。もし捨てさせたければ、ビジネスニーズvsビジネスニーズの取捨選択の決断が必要。そこにハマったのが、MovableType︵blog︶とSEOだった。blogは、なんだかんだとUTF-8であることが求められるし、SEO対策のためにテーブルレイアウトが悪者とされることとなった。ずばり、この二つのキーワードが
Kazabana 2007/08/30
この行動パターンは結構ある気が。コメント欄に注目。はてなやココログが携帯に対応したのはこの視点からでは？

webdesign

accessibility

usability

mobile

html

xhtml

css

携帯

Web標準
リンク
http://car.s35.xrea.com/better/frame.php
Kazabana 2006/08/06
CSSによるメニュー位置固定なども。

html

xhtml

css

webdesign

accessibility

usability
リンク
http://www.cybergarden.net/blog/2006/06/post-tablelayout_ad_2006-06.html
Kazabana 2006/06/27
CSSレイアウトの採用が増えている。

css

html

xhtml

web標準

webdesign
リンク
CSSレイアウトの定石　WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための﹁定石﹂をまとめておきます。とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました︵つまり回避法を用いない場合にどんなバグが発現するか︶。フォントサイズ関係 font-sizeは%かpxで指定する。キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう︵ブロックレベル要素を内包するボックスにはpaddingを指定しない。︶左右ボーダーとパディングを設
Kazabana 2006/06/15
CSSレイアウトでWinIE6のバグを回避するための「定石」。

css

internet explorer

webdesign

xhtml
リンク
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML CSSガイドライン作り [1]
Kazabana 2006/06/12
CSS Nite Vol.7でのプレゼンスライド。

css

xhtml

webdesign

web2.0

web標準

business

tips
リンク
caramel*vanilla » 引用のHTMLの記述について考えてみた
Kazabana 2006/06/09
Copy URL +での引用方法についても。

xhtml

html

browser

mozilla

firefox

extension
リンク
nagaitosiya.com
This domain may be for sale!
Kazabana 2006/06/09
XHTMLでの正しい引用方法について。

xhtml
リンク
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる
Kazabana 2006/06/09
正しい引用が簡単に出来るブックマークレットを公開。

webdesign

xhtml

browser

bookmarklet
リンク
MarkupDancing ? スタイルシートによるデザインは過渡期なのかも
World & Sociery ゲリラ・オープン・アクセス宣言 last modified on 2024-01-12 アーロン・スワーツの﹁ゲリラ・オープン・アクセス宣言﹂の日本語訳と解説です。冒頭に戻る World & Sociery On “Google’s Ideological Echo Chamber” last modified on 2021-04-03 Google の元技術者であるジェイムズ・ダモーアが回覧用に社内で発表した “Google’s Ideological Echo Chamber” という文書を発端にして展開している論点をとりあげています。﹁街場﹂なんて存在するのか last modified on 2015-10-27 以下の文章は、何度か途中まで書いて﹁くだらない﹂と思いながらも、再び書き直してきたものである。どうして書き直すたびに﹁くだらない﹂と
Kazabana 2006/06/09
「経験から言うと、日本で何らかの制作会社に所属している「ウェブデザイナー」のうち、フルでスタイルシートのレイアウトが組める人は多くて3 割くらいだと見ています」と。

webdesign

web2.0

web標準

css

xhtml

usability

ui

accessibility

business

browser
リンク
http://www.rcdtokyo.com/ucb/contents/i000793.php
Kazabana 2006/06/03
Another HTML lintとW3C Validatorを利用。

webdesign

accessibility

usability

html

css

xhtml
リンク
css - ルビもCSSで : 404 Blog Not Found
2006年05月31日00:55 カテゴリTips css - ルビもCSSでこれ、実はCSSでなんとかなります。檜山正幸のキマイラ飼育記 - ルビ︵ふりがな︶タグの話 IE6では期待通りの表示︵ふりがなの﹁おびただ﹂が﹁夥﹂の上に乗る︶が得られます。FireFoxはダメでした、以下をご覧ください。夥︵おびただ︶しい数のWebページどうです?当blogでは、現在以下をCSSに加えてrubyを実現しています。IEでもSafariでもFirefoxでもちゃんと見えます。 /* * based upon * http://www.akatsukinishisu.net/itazuragaki/2001_10.html#ruby_for_Mozilla_3 */ ruby { display:inline-table; text-align:center; white-space:
Kazabana 2006/05/31
CSSでルビを振ることができるとは。

css

browser

mozilla

firefox

opera

webdesign

xhtml

html
リンク
WD Live! Web標準時代に求められるサイト構築法
Web標準時代に求められるサイト構築法木達一仁株式会社ミツエーリンクス WEB開発チームフロントエンドエンジニア Web Standards Projectメンバー k-kidachi@mitsue.co.jp / kidachi@kazuhi.to 株式会社ミツエーリンクス WEB開発チームフロントエンドエンジニア（2004年2月～） Web標準準拠サービスの立ち上げ/運用 Web標準Blogの運営 W3C Advisory Committee Representative 海外のWeb標準関連書籍和訳版の監修 Web Standards Project（WaSP）メンバー mixiにてWeb標準コミュニティを主催（2006年5月25日現在3260人が参加） 7月15日「Web標準の日」開催
Kazabana 2006/05/30
既存サイトをWeb標準準拠する想定でワークフローを概説。

accessibility

css

design

html

webdesign

web2.0

web標準

xhtml

development

usability
リンク
世間はまだまだテーブル・レイアウトが主流? | スラド
kirara(397)曰く、"東京webデザイナー日記で、日経平均銘柄225社サイトの脱テーブル率調査という興味深い報告が掲載されている。同報告では日経平均銘柄225社の全サイトのトップページを調査してあり、レイアウトがCSSかテーブルか、文書型宣言は何か、などが一覧できる。また、調査結果がグラフにまとめられたレポートがPDFでダウンロードできる。これは5月18日、銀座で開催されたイベント﹁CSSNite﹂にて発表された資料との事。 PDFを読んでみると、なかなか衝撃的な結果が報告されている。225サイトの調査結果は以下の通り。﹁100% pure CSS﹂なのは28社(12.4%) -->この内﹁XHTML+CSS﹂なのは15社(6.6%) ﹁CSS/テーブル混在︵ハイブリッド︶﹂なのは32社(14.2%) ﹁テーブルのみ﹂なのは155社(68.9%) 非CSSのうち﹁100%
Kazabana 2006/05/28
Netscape4.7にも対応とかあったりするとそうなるという。

css

business

browser

webdesign

xhtml
リンク
Web::Blogoscope: 中央省庁の脱テーブル状況
Kazabana 2006/05/26
2005年8月26日現在の状況。対象はトップページのみ。

accessibility

usability

webdesign

css

xhtml

html

web標準

行政
リンク
東京webデザイナー日記: 日経平均銘柄225社サイトの脱テーブル率調査
Kazabana 2006/05/26
企業だとNN4.7あたりをいまだに使っているところがあったりするから、そういう企業がクライアントにいるとこうなるかも。TV局・ラジオ局も調査してほしい。かなりひどいはず。

accessibility

usability

webdesign

css

html

research

xhtml

design
リンク
忘れていませんか？アクセシビリティ - @IT
リッチクライアントの導入を成功させるためには、用途に適した技術の選定が鍵となると同時に、UI設計が重要だ。UI設計がなぜ必要か、そして、UIがいかにユーザーの生産性に影響を与えるかは、連載﹁Webアプリケーションのユーザーインターフェイス﹂を参考にしていただきたい。・連載﹁Webアプリケーションのユーザーインターフェイス﹂︵リッチクライアント＆帳票フォーラム︶もう1つ、忘れられがちなポイントがある。それはアクセシビリティだ。アクセシビリティについては、国内では日本工業標準調査会が策定した規格﹁JIS-X8341﹂が知られている。﹁JIS-X8341﹂には、 8341＝“︵人に︶やさしい”JIS という意味が込められている。ソフトウェアおよびサービスの情報アクセシビリティを確保・向上するために、企画・開発担当者および経営者が配慮すべき要件がまとめられた標準規格である。とくに、本規格の第
Kazabana 2006/05/25
日本ではJIS-X 8341が制定されてから、官公庁、自治体より民間企業がアクセシビリティに積極的に取り組んでいる。

accessibility

usability

web標準

ui

webdesign

webapplication

web2.0

css

xhtml
リンク
1 2 次のページ