初めてのホームページ講座 - CSSの実際のところCascading Style Sheets CSS1 Reference 初心者向け講座 CSS Tips CSS実際のところ FILTERS Last modified Nov,1999 E-Mail: web@hajimeteno.ne.jp Copyright(C)1999 Miyazaki , All Rights Reserved.
いわゆる「闇黒式引用」
これ…引用元のURIがコピペできないのはどういうわけなのか（そーす開いて探したぞ）あと対象のリンクぐらい入れて欲しい 引用元URIはCSSで自動生成しています。 blockquote:after{ display: block; content: "引用元URI: "attr(cite); color: #999; font-size: 85%; text-align: right; border-top: dashed 1px #999; } Firefox だと content された文をコピペできないぽいですが Opera なら可能です。マンセー。あと Firefox をお使いなら、引用文の上にマウスポインタを置いた上で右クリック→プロパティ(P)から引用元情報を参照できます。あとはてブユーザなら JavaScript を有効にしているはずで、それならあれこれポッ
ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン
sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン（原文）を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、
毎日考ブログ -Web屋のウェブログ- | Web標準に進路を取れ 第5回「テーブルレイアウトは罪なのか」
テーブルレイアウトとはテーブルタグを、左のようにセルを切ってレイアウトするもの。そもそもはテーブルタグは表に使われるものであって、レイアウト目的で使うべきではないという意見はごもっともなものの、きっちり幅指定や余白指定ができてブラウザ依存しにくいことから、企業サイトはもとよりいろいろなサイトに使われておりました。いや、今でも立派に使われています。 対してCSSレイアウトは、上と同じレイアウトをHTML（XHTML）＋CSSで表現するもの。こんな感じです。記述は一例として適当に書いてるんで、アテにしたり突っ込みいれたりしないでくださいね(笑)。 【HTML】 <div id="header"> <h1>毎日考ブログ（ヘッダ部分）</h1> </div> <div id="main"> <div class="menu">メニュー部分</div> <div class="contents">本
ルビ表示はユーザスタイルシートで! - 徒書
なんだか最近になってMozillaでルビ表示3の記事(個別ページ)がブックマークされているなと思っていたのですが、404 Blog Not Found:css - ルビもCSSでで紹介されていたからのようでした。 それにしてもその紹介記事のブックマーク数が200以上ってすごいな。やはりウェブでは作った人よりも紹介した人の方が注目される、ということなのでしょうか。それはいいとしても、トラックバックで「プログラマーの小飼弾氏のアイデアと技術には……」と書かれているのを見てしまうと釈然としないものを感じてもいいでしょうか。(←誤った疑問文) それはそれとして、404 Blog Not Foundではルビ表示用のスタイル定義をサイト用のCSSに組み込んでいますが、これはあまりよくありません。あのスタイル定義は(2001年当時のMozilla用に作った、)あくまで擬似的な表示を行うスタイルです。製作
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 以下の文章は、何度か途中まで書いて「くだらない」と思いながらも、再び書き直してきたものである。どうして書き直すたびに「くだらない」と
Web2.0でもITベンチャーでも何でもいいけどさ、もう少しレベル上げろよ。 - Junnama Online
移転しました。 プログラムのバグ修正等やお知らせなどについてはこちらにもアップいたしますが、 今後は移転先のサイトをご覧ください。 →Junnama Online (Mirror) 「MovableTypeプラグイン アーカイブ」はこちら。 さらに私的なブログ「Junnama.com」はこちら で、言いたいのはそういうことではない。別に自慢する訳じゃねぇぜ。言いたいのはMacBook、というより新しいマシンを購入した理由なのだ。 オッサンはね、今や化石のようになったMacOS9のユーザーだった。DTPやってるわけじゃなくてWeb屋なんだが、エディタをはじめとして色んなツールを自作で作っていてそいつをOS Xに移行できなかったから、今のいままで移行に踏み切れなかったんだ。 ところが数ヶ月前からPowerBook G4(867Mhz)をOS9、OS 10.4のデュアルブートで利用するようになっ
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標準の日」開催
2006-05-29
今更ながら、通販サイトで中国産のDC用VGAボックスを見つけたので購入した。DCが業界的に現役だつた当時、サードパーティ製のボックス「VGAデミロ」でマルチスキャンモニタに繋いで遊んでゐたのだが、随分前からそれのVGA出力部分だけが壊れてしまつた様で、以来何となくDCで遊ぶこと自体が疎遠になつてしまつた。をかしな話だけど、VGAで見慣れた目にS端子なんかのDCの画面はとても見るに偲びないものがあるんだよ本当に。 プロジェクタを買つた直後、S端子で見る「Rez」の画質に落胆して*1、仕方なく少しはましなコンポーネント出力で見られるPS2版を購入*2したくらゐに、画質のクリアさはことゲームにかけては気にするワシだ。つふてもハードウェアの性能はどうでも良くて、例へばPC-6001の四色グラフィックでもファミコンの二十五色グラフィックでも全然構はない。ただ、それがちやんと表示されないと嫌だ。 てな
InternetExplorerとは久夛良木メソッドである - 新しいTERRAZINE
tamasaku 『InternetExplorer7ベータ2で、「hatena」テーマのブログをみると、サイドバーと本文がかぶっていて見づらいです。対処お願いします。』 TERRAZI 『ベータ版にまで対処しなきゃならんのか。はてなの人も大変だな。』 moguno 『対応するしないは別として、不具合報告をもらえると言うことは幸せなことだよ。』 TERRAZI 『驚いた。これってはてな側の不具合って認識なんだ。 http://arena.nikkeibp.co.jp/col/20060516/116681/』 MrT 『http://i.hatena.ne.jp/idea/4818 が実施されればブラウザ毎の表示の違いは少なくなるとは思いますが・・・』 関連はてなアイデア はてなアイデア はてなアイデア はてなアイデア 何というか、スーパーマジョリティであるところのIEユーザーの考え方がよ
世間はまだまだテーブル・レイアウトが主流? | スラド
kirara(397)曰く、"東京webデザイナー日記で、日経平均銘柄225社サイトの脱テーブル率調査という興味深い報告が掲載されている。同報告では日経平均銘柄225社の全サイトのトップページを調査してあり、レイアウトがCSSかテーブルか、文書型宣言は何か、などが一覧できる。 また、調査結果がグラフにまとめられたレポートがPDFでダウンロードできる。 これは5月18日、銀座で開催されたイベント「CSS Nite」にて発表された資料との事。 PDFを読んでみると、なかなか衝撃的な結果が報告されている。225サイトの調査結果は以下の通り。 「100% pure CSS」なのは28社(12.4%) -->この内「XHTML+CSS」なのは15社(6.6%) 「CSS/テーブル混在（ハイブリッド）」なのは32社(14.2%) 「テーブルのみ」なのは155社(68.9%) 非CSSのうち「100%
あなたがXHTML+CSSでサイトを作るべき10の理由 - to-R
はやりの『10の理由』 ありそで誰も書いてないテーマを探してたらこんな感じになりました。 （すでに書いてる人いたらごめんなさいね） タイトルを『あなたがxhtmlでサイトを作るべき10の理由』→『あなたがXHTML+CSSでサイトを作るべき10の理由』に変更しました。(追記) １．構造とデザインの分離ができる。 構造(xhtml)とデザイン(css)が分離される事により より整理されたコードが記述できるようになります。 ２．プログラミングの作業が簡単になる。 これには２つの視点があります。 まずプログラマーの視点から言えばxhtmlは構造化されておりプログラムからxhtmlを出力する際に無駄な処理が省かれます。 （複雑なhmtlの場合デザイン要素を出力するために無駄な分岐やループを記述する必要がある） デザイナーの視点とすると プログラムの知識がなくともphpやcgiで書かれたプログラムの
スラッシュドット ジャパン | 正しいCSRF対策、してますか？
あるAnonymous Coward曰く、"最近WebアプリのCSRF脆弱性への対策が注目されていますが、30日に金床氏が「開発者のための正しいCSRF対策」という秀逸なテキストを発表してくれました。 Googleで「CSRF 対策」で検索すると高木浩光氏の「クロスサイトリクエストフォージェリ（CSRF）の正しい対策方法」がトップに出てきますが、金床氏によると、この方法は誤った対策であり「CSSXSS脆弱性が知られている現在では、絶対に実施すべきでないもの」とのことです。この対策は、IPAの「情報セキュリティ白書2006年版」や「用語「CSRF」@鳩丸ぐろっさり (用語集)」ほか書籍などにも書かれており、金床氏は「記事の内容を訂正していただきたい」としています。スラドの開発者のみなさんはきちんと正しいCSRF対策をしていますか？"
アンカーの下線を安易に消すのはやめませう
囘答は一つではない 「リンクの下線を消したいのですが、どうすればよいですか?」と云ふ質問が、屡々HTMLの入門サイトの掲示板に書込まれます。これに對して、すぐに「スタイルシートで出來ますよ」と云ふ囘答が書込まれるのですが、どうも感心しません。 と云ふのは、「リンクに下線がある」のは單に特定のブラウザのデフォルトスタイルがさうであるだけなので、「消したい」からと言つて常にスタイルシートで下線を消さなければならないかと言ふと、さうでもないとも言へるからです。 詰り、「閲覽者に、リンクに下線を附けないスタイルを持つたブラウザを使つて貰ふやうにお願ひすればよい」と云ふ事もまた、この質問に對しては「正しい」囘答となり得るのであります。 強固な慣習と反抗の責任 そもそも、「リンク(アンカー)」を閲覽者に示す爲、文字列にアンダーラインを附すスタイルは、古くからウェブに存在する慣習です。慣習であるがゆゑに
長文記事を読んでもらいたい人は印刷向けスタイルシート設定した方がいいよ - 檜山正幸のキマイラ飼育記 (はてなBlog)
ずいぶん前に、id:nak2kさんに教えていただいて、僕は日記のスタイルシートに次の設定を加えています。 @media print { div.sidebar, div.myHeader {display:none;} .main, .day, .body {margin: 0 0 0 0;width:100%} } これで（少なくとも僕が使っているテーマでは）、まずまずのレイアウトで印刷できます（なんなら、印刷プレビューで確認をどうぞ）。 単なる個人用メモじゃなくて、他人に読んでもらうことを意識していて、長文のブログ・エントリーを書く人は、@medeia printの設定を加えたほうがいいと思いますよ。 まー、僕の個人的な嗜好と体験に基づく話ではありますが； よさげなエントリーでも長いと画面で読むのは辛い、あとそれと、これから外出するときとか、印刷して読みたいのよね。でも、サイドバーみた
hxxk.jp - 自分のフリカケを持ち歩きつつも、できるなら出されたフリカケで味わいたい
自分のフリカケを持ち歩きつつも、できるなら出されたフリカケで味わいたい http://hxxk.jp/2006/03/11/2358 前の記事 : ビール日記 2006/03/10 - キュベ デ トロールス 次の記事 : iPod nano と 3 月の東京ツアー 記事データ 投稿者 望月真琴 投稿日時 2006-03-11T23:58+09:00 タグ CSS weblog アソシエイト スクリーンショット デザイン 概要 自分好みのフリカケをかければ ( ユーザスタイルシートを使えば ) どうにかなるので、どうしようもなくマズかったらそれを最終手段で使うようにしつつも、作った人のフリカケ ( 製作者スタイルシート ) が美味しかったらそのまま食べたいよねえ、と思っています。 リプライ 2 件のリプライがあります。 Re: ekken♂：（ほぼ）みんな「善意」じゃなくて「自己満足」でそ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト
Web::Blogoscope: 中央省庁の脱テーブル状況
http://www.dhtmlgoodies.com/scripts/css-lookup/css-lookup
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML CSSガイドライン作り [1]