The <hr>-Contest Results - Download your fresh <hr>-line now! | Graphics | Smashing Magazine
We have encouraged our readers to participate in a contest by designing beautiful and creative horizontal lines. It was necessary, since this design-element was slowly disappearing and was often neglected in web design. But it is going to change now. We have received 1290 images and source-files from 384 designers across the globe. The result is an impressive collection of horizontal lines that de
対策遅らせるHTMLエンコーディングの「神話」
クロスサイト・スクリプティングという言葉は元々，WebアプリケーションのHTMLエンコード漏れなどを利用することによって第三者にJavaScriptを実行させる手法を指す。広義では，HTMLのエンコードによる画面改変などを含むこともある。 前回述べたように，クロスサイト・スクリプティングのぜい弱性はWebアプリケーションに見付かるぜい弱性の半分以上を占める。数年前から指摘されているにもかかわらず，一向になくならない。その理由として，クロスサイト・スクリプティング対策あるいはHTMLエンコード注1）に対する「神話」があり，正しい対策の普及を遅らせているように思う。その「神話」の数々について説明しよう。 注1）実体参照（entity reference）というのが正式だが，あまり普及していない用語なので，HTMLエンコードという用語を用いる 「すべからくHTMLエンコードすべし」が鉄則 HTM
ほとんどの「論理マークアップ」はクローラにとってはクソの役にも立たない : ひろ式めもちょう
Japan.internet.com Webビジネス - SEO のキホン―なぜ論理構造が必要なのか http://japan.internet.com/busnews/20070402/6.html てなことをあやしげSEO系マーケターが書いてるわけだが。 こういう神話が一人歩きしている状態がイヤだ。いくぶん極論ではあるが、これが「間違っている」ということをネット辺境のきわみであるこのページに、せめてメモっておこう。 ほとんどの場合、クローラにとってHTMLごときの論理マークアップなんてクソの役にも立たない！ …だって作ってる本人が最初にタグを削除してるって言ってんだから、役に立つわけないじゃん。 フィードリーダや特殊なスパイダーでもない限り、細かい論理マークアップを見たりなんかしないよ。フィードリーダは埋め込まれているフィード情報をチェックするからしかたない。特殊なスパイダーというのは
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
HTMLを許可しつつXSS対策を行えるPHPライブラリ「HTML Purifier」:phpspot開発日誌
HTML Purifier - Filter your HTML the standards-compliant way! HTML Purifier is a standards-compliant HTML filter library written in PHP. HTMLを許可しつつXSS対策を行えるPHPライブラリ「HTML Purifier」。 HTMLをちゃんとパースして、XSSに関わる問題のあるタグなどは除去して返してくれます。 例えば、次のコードが(Before)、 phpspot <a href="hogehoge" onclick="alert('test1');">hogehoge</a> <script type="text/javascript"> <!-- alert("test2"); --> </script> 次のコードのようにクリーンになります。(A
tfoot は tbody の前に書いた方がいいよ
404 Blog Not Found さんにて、「CSS - スクロール可能なテーブル w/o JavaScript」 というエントリーが上がっていて、これ見た... 404 Blog Not Found さんにて、「CSS - スクロール可能なテーブル w/o JavaScript」 というエントリーが上がっていて、これ見た時にその HTML ソースはないなぁ...... と思ったのと同時に、tbody に CSS を適用して overflow:auto とかすれば終わる話じゃないのとか思ってそれについてエントリーを書こうかなと思った瞬間、hxxk.jp さんにて 「CSS で tbody 要素を一定の高さにして、 overflow: auto でスクロール表示にする tips」 っていうエントリーが上がってるのを見て萎えた。 で、それについて書くのは諦めたんですが、hxxk.jp さん
Scrollable HTML table - webtoolkit.info
Scrollable HTML table JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. Scrollable HTML table JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body rows in TBODY section, footer
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML CSSガイドライン作り [1]
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
XHTML+CSSのガイドライン - webデザイナーのナナメガキ
最近新しく作るものに関しては(X)HTML+CSSで作るようにしている。感覚的になんとなくこうかなあと模索しながら作っていて、本当はなにが正しいんだろと思ってたらいいタイミングで以下の資料を見つけた。 『CSS Nite Vol.7 Web制作現場の対立を解消する！(X)HTML+CSSガイドライン作り』 を見て感動したので、忘れないうちに気になったところをメモ。 ■ビジュアルとテキストのバランスは、サイトの雰囲気などイメージ作り/ブランディングに影響する。何でもテキストにすればよいわけではない。 ↑これは一度失敗しました。目立たせたいパーツやSEO的に必要ない箇所は画像でも良いなと。なにごともバランスですが。 ガイドラインの必要性 誰が作っても一定の品質を確保できる 制作チーム、更新チーム、外注、クライアント間での「無駄」の発生が防げる。キーパーソンが抜けても比較的スムーズに穴埋めできる
<body>タグの直下にはブロックレベル要素しか置いてはいけない - webデザイナーのナナメガキ
(X)HTML+CSSの基本である、「インライン要素」と「ブロックレベル要素」について忘れがちなことをメモ。 7.5.3 ブロックレベル要素と行内要素 HTMLの要素のうち、BODY要素に出現し得る要素のあるものは「ブロックレベル」と呼ばれ、他のものは「行内」 (これは「テキストレベル」としても知られている)と呼ばれる。 つまり『<body>タグの直下にはブロックレベル要素しか置いてはいけない』ということ。 これは基本過ぎて忘れがち。パーツごとにブロックレベル要素（div、pなど）で囲ってから作るのが普通だけど、一応心に留めておきたい。インライン要素をCSSで{display:block}とし、表示上ブロック要素にはできるが、文法的にはインライン要素のままなので注意が必要。 あと紛らわしいのがインラインブロック要素と呼ばれるもの（applet、button、del、iframe、ins、m
遅すぎた<button>タグとの出会い… - webデザイナーのナナメガキ
私webデザイナーとしてかれこれ4年以上働いている訳ですが、本日初めて <button type="button" name="my_button" value="normal_button">ボタンです</button> いやはや、htmlは奥が深いっすね。どっかで見た覚えはあるのだが記憶の彼方に追いやられていたようです。 <input type="button" name="my_button" value="normal_button">ボタンです</button> ボタンといえば<input>タグしかないもんだとずっと思ってました。まあ新しい方のタグらしく、Netscapeの4.xなど古すぎるブラウザでは使えないし、IEだとvalueがうまく送れなかったりするバグもあるみたいですが、知らんかった。 このタグの利点は主に、画像ボタンを使った時にボタンとしての動き（押すと凹む）がタグの
W3C、次期HTMLの策定作業を開始--最終仕様は2010年第3四半期に
World Wide Web Consortium（W3C）は3月7日、ウェブページ技術言語HTMLの新版を検討するワーキンググループ「HTML Working Group（WG）」の設置を発表した。現在W3Cは、同WGへの参加を呼びかけている。HTMLの新版は、2007年6月に最初の草案を公開し、最終版を2010年第3四半期にリリースする予定。 現時点で標準とされているHTMLは、1999年12月リリースの「HTML 4.01」である。これに対し、W3CはXML形式でのウェブページ記述を目指し、HTMLベースの仕様「XHTML 1.0」を2000年に公開した。ところが、すでにHTMLで作られたウェブコンテンツが多数存在していたため、「当時のウェブブラウザ事業者らはXHTMLの採用には消極的で、その普及は遅々として進まなかった」（W3C）という。 こうした状況から、W3Cは改めてHTMLを
link 要素を可視化してみる - double-team.org
今日はとても面白い1日だった。いや別に仕事とかプライベートとかじゃなく、ガリガリ CSS 書いてて楽しかった。 なんとなく「できるかなー」と思ってグリグリ2時間くらい費やした甲斐があった。でもあとで調べたらいい感じの記事があって、「こっち参照でいいんじゃない？」とも思ったが、せっかくなので残しておく。 と言うわけでまたここからで申し訳ないんですが、パンくずリストがベストとは限らない | WWW WATCH を見て「link 要素を可視化させちゃえば（ちょっとだけ）解決できるんじゃない？」と思ってやってみた。 XHTML の記述を例えばこんな感じに。 <link rel="start" href="index.html" title="最初のページへ" /> <link rel="next" href="next/index.html" title="次のページへ" /> <link r
【レポート】Canvas 3D Renderer & 3D WalkerでHTML Canvasの実力を知る (MYCOMジャーナル)
ColorJackなどもそうだが、最近、Flashや特別なプラグインをインストールしなくても3D描画をサポートするWebサービスが出始めている。今のところFirefox、Opera、Safariなどでは動作するが、IEでは動作しない。これは「HTML Canvas Element」を使っているからだが、ここでは同機能を紹介しておきたい。 HTML Canvas Elementは2Dのビットマップサーフェス。JavaScriptから直接描画できるキャンパスのことで、同機能を活用すると特別なプラグインをインストールすることなく、同様の機能を実現できる。HTML Canvas Elementは現在策定が進んでいる「Web Applications 1.0 - Working Draft」において規定されている要素のひとつで、現在のところ2Dコンテキストを規定しているが、将来的には3Dコンテキスト
ニュース記事の title の価値はここ数年で著しく上昇した - World Wide Walker
ニュース記事の title の価値はここ数年で著しく上昇した Posted by yoosee on Web at 2007-03-03 22:00 JST1 ニュース記事の title 要素内容の変化IRC の bot に、出された URL のタイトルを取得して NOTICE で出力する機能を持たせている。最近は title 要素に見出しが入っているので難なくそうした情報を得ることが出来るが、これは当初からこうだったわけでは無く、ここ数年の傾向である。 昔の新聞系ニュースサイトでは、個別記事の title でも <title>asahi.com - 朝日新聞社のニュースサイト</title> のようなものであり、記事の見出しを取得するには以下のようにして、 html の body から特定箇所を狙って文字列を抜き出す必要があった。.... if(/<meta name="TITLE" C
我的春秋: (X)HTML, XML のコメント記述位置
変数名の命名規則 (zonelog) Neko？プログラミング言語？？（メモ：ブラウザのデフォルトCSS） (javaプログラマ日誌) HTML イズ ふりーだんｍ！！ (想始創愛) h1をはじめ、見出し要素に関する議論が盛んになっている件 (STOPN 'LISTEN) 【sIFR】…でletter-spacingを効かせる方法。 (BLOG dot USK dot CC) [Web]Re: Re: XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか? (TRANS) CSS Nite LP, Disk 3 (hemiolia.com) 一歩先のWeb標準 ♯2 (withD（ウィズディー）) 一歩先のWeb標準 ♯1 (withD（ウィズディー）) CSS Nite shuffleが終了しました。 (CSS Nite公式ブログ)
「実践 Web Standards Design」という本を書きました - lucky bag
お知らせというか宣伝。九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせて頂きました。3ping.org の wu さんと hxxk.jp の真琴さんとの共著です。2007 年 2 月 23 日頃 から書店に並び始めるみたいです。Amazon にはまだ載っていないようです。ちなみに、カバーデザインを見せて頂いた瞬間から執筆者の間では通称「ホップ本」（真琴さん命名）ということになってます。たぶん。 書籍名 : 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips ページ数 : 436 ページ 定価 : 3,200 円 最初に wu さんから共著のお誘いを頂いたのが 2006 年の 5 月頃。6 月に行った打ち合わせ後の著者 3 人での飲みは、気のせいか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
lllcolor.com
http://youmos.com/news/niceforms.html
http://youmos.com/news/webdesign.html