SitePoint – Learn HTML, CSS, JavaScript, PHP, UX & Responsive DesignLearn & Practice In-Demand Tech SkillsUnlock a premium collection of courses, books, and assessments to hone your tech skills and advance your career. Get unlimited access to everything for one simple price.
不要なテキストノードの除去 - os0x.blog
li要素などを改行すると、要素と要素の間に半角スペース分の余白が現れる件について調べてみた。 | Blog hamashun.com関連の、にツッコミしてみる。 innerHTMLの書き換えはaddEventListenerしたイベントが消えたりするのと、 Manabuさんの実装だとli要素の中の改行なども除去してしまうので意図しない動作(例えばliの中にpreがあったとき)をしてしまう可能性がある。 というわけで改案。 (function(){ var ols = document.getElementsByTagName('ol'); var TEXT_NODE = document.TEXT_NODE || document.createTextNode("").nodeType; for (var i =0,l=ols.length;i<l;i++) { var ol = ols[
Html Validator for Firefox and Mozilla
INSTALLATION (Firefox Version >=57 or Chrome) Production version:The webextension is available for Firefox (Version>=57) and Chrome: Development version: You have to download and install the latest version of the extension that is available in GitHub (https://github.com/mgueury/html_validator/). See instruction here. PREVIOUS VERSION (Firefox Version <=56) You have to download the extension 0.974
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
みんな、accesskeyってどうしてる？ tabindexは？
1 ：Name_Not_Found：01/11/20 11:46 ID:y7lJc55x ユーザのアクセス性を高める目的でaccesskeyやtabindexと いう属性があることはすでにみんなも知ってると思う。 一応説明しておくと、 アンカーやフォーム、ボタンなんかにキーボードショートカットを 割り当てるのがaccesskey属性。 tab keyを押したときにフォーカスされる順番を設定するのが tabindex属性だ。 けれど、サイトによって割り当てられている文字やtab順が 統一されていないよね。もちろん、それぞれにサイトオーナーの 考えるところがあってやってるわけだし、どれがいい、わるいと いえるようなものでもない。 けれど、ある程度の目安があってもいいと思うし、ある程度の 統一が見られた方が、アクセスする僕らも便利になると 思うんだ。 みんなは、どんな文字をどういうケースに対して
Mac OS XでAnother HTML-lintを使おう (HTMLチェッカー)
Mac OS XでAnother HTML-lintを使う方法です。Classic Mac OSは「Another HTML-lint on MacOS 」で。(動作確認：OS X 10.2.8 / htmllint.cgi 1.12 / htmllint.pm 2.92) Another HTML-lintって何? 簡単に使う Another HTML-lintのダウンロードと展開 jcode.plを入れる Jcode.pmならUTF-8なページもチェックできる ターミナルの設定 使う チェック項目と表示のカスタマイズ CGIとして使う httpd.confを書き換え htmllint Folderを設置 htmllintenvを改名 パーミッションを設定 Webサーバを起動 CGIを使う 使用上の注意 ■Another HTML-lintって何? いしの k16さんが作ったHTMLの文
新規ウィンドウを開くこととStrict DTD : 雑記帳 : der Gegenwart
[ Web関係 ] ときどきtarget="_blank"をStrict DTDで制作された文書において代替する方法について書かれた記事を見かけます。 個人的にはそれって何か違うよね、って思うわけです。DTDを選択してから文書の性質を決めるのではなく、文書の性質によってDTDを選択すべきです。リンクを新規ウィンドウで開く必要がある場合は、Strict DTDじゃなくてTransitional DTDを採用すればいい。Javascriptで小細工するよりその方がよほどスマート且つクールです。 もちろん、Transitional DTDを採用した場合でも文書構造に乗っ取ったマークアップを心がけるべき。Web標準準拠と採用DTDは無関係ですしね。XHTMLでもHTMLでも、StrictでもTransitionalでもWeb標準に沿ったWebページを制作できます。 どうも最近は「XHTML+CSS
Another HTML-lint 導入ガイド | 鳩丸よもやま話
Another HTML-lint とは？Another HTML-lint は、いしの k16 さん作の HTML 文法チェッカです。HTML 文書が DTD に従ってマーク付けされているかチェックできるのはもちろん、アクセシビリティやブラウザ実装との互換性の問題など、かなり細かい点までチェックすることができます。 非常に高機能なチェッカですが、嬉しいことに原則としてフリーです。ありがたく使わせていただきましょう。 ※非営利目的の使用ならばフリーなのですが、営利目的の使用はフリーではないので注意してください。Web制作会社が業務に使う場合、パソコン教室で使う場合などが該当するそうです。その場合のライセンスは 15,000円です。 ※非営利の個人はフリーで使えますが、作者にビールをおごることが推奨されています。:-) Another HTML-lint の使い方概要Another HTML
HTMLをスクレイピングして解析(パース)する - まるさんかくしかく Tech学習と入門ログ
Twitter Facebook B! Bookmark LINE Pocket Feedly HTMLをスクレイピング(scraping)してあれこれとするとき、僕はずっと正規表現に頼っていたのですが、 ページの構造が変化するとすぐに使えなくなってしまうし、時間がかかる割りに退屈な作業なので何とかならないかなと思っていました。 PHPで探していたのですが、XML(とかRSS)をパースする関数やライブラリは、良く目にするものの、HTMLを処理できるものはなかなか見つかりませんでした。 以下は、PHP(とかRuby、Perl)でHTMLをスクレイピングしたりパースするための方法。 PHPでスクレイピング＆パース HTMLを整形式のXML文書に修正するPHPクラス HTMLを、整形式のXMLに変換してくれるライブラリ。PEARのXML_HTMLSax3が同梱されているので、これだけでちゃんと動
テンプレートエンジン kwartz - dann's blog
http://www.kuwata-lab.com/kwartz/users-guide.ja.html yatsuさんに教えてもらったので、ちょっと見てみました。 プレゼンテーションロジックがHTMLから分離されているのが特徴的です。HTMLにロジックが入らないので、プログラマとデザイナの分業はできそうです。 ただ、プレゼンテーションロジックを記述する言語がちょっと特殊なので、ちょっと慣れが必要な感じ。プレゼンテーションロジックがRubyっぽく書けるといいなぁと。 # テンプレートエンジンについても、もう少し勉強しないとダメだなぁ。以下のページがよくまとまっているから、幾つか触って勉強してみよっと。 プログラマーのためのテンプレートシステム講座 http://www.programmers-paradise.com/web/template-system.html
テンプレートシステム Kwartz
http://www.kuwata-lab.com/kwartz/ IPA の未踏事業の成果物なので日本語のドキュメントも当然ある。 日本語の README http://www.kuwata-lab.com/kwartz/README.ja.html Kwartzとは、『プレゼンテーションロジックと プレゼンテーションデータの分離』 （または『プレゼンテーションロジックの独立』） という概念を実現したテンプレートシステムです。 次のような特徴があります。 - プレゼンテーションデータからプレゼンテーション ロジックを分離できます。 - 複数のプログラミング言語に対応します: Ruby(eRuby), PHP, Java(JSP), and Velocity. - 高速に動作します。 - 自動サニタイズ機能があります。 - HTMLデザインをまったく崩しません。 - どんな種類のテキストフ
「正しくHTMLを（中略）5つの質問」に対する回答一覧 : 雑記帳 : der Gegenwart
[ Web関係 ] 何人か回答してくださった方がいらっしゃいましたので、ここで紹介します。順番は私が気づいた順です。基本的にアクセス解析のリファラで確認してます。全くアクセスのないサイトでない限りは多分平気。「回答したからすぐにでも載せてくれ」って方がいらっしゃいましたら、メールにて当該URIを送って下さいな。はてなのコメントで知らせてくれてもOK。 っていうかこういうときトラックバックあると便利なのかな。今さら面倒だからそんな機能つけないけど。 質問の数が5個ってのは概ね好評みたい。 我的春秋: Re: 正しくHTMLを書こうと心がけている人に5つの質問 Re : 正しくHTMLを書こうと心がけている人に5つの質問（pixel） 正しくHTMLを書こうと心がけている人に5つの質問 (kuruman.org > 諸情報) Re: 正しくHTMLを書こうと心がけている人に5つの質問（JamG
正しく、早く、美しいコーディングを実現するために踏むべき5つのステップ::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
ホームページ製作を楽にする7つのXSLTスクリプト：CodeZine
はじめに 本稿では、ホームページ製作に役立つさまざまなスクリプトをXSLTを用いて実装します。 XSLTはXMLの変換に特化したスクリプト言語で、ホームページ製作に使用するXHTMLの操作を簡単に行うことができます。繰り返し入力する内容の雛型化タイトルにサイト名を自動的に追加ローカルテスト時とアップロード時でのリンク先の切り替えヘッダとフッタの自動追加目次の自動生成キーワードの自動リンクサムネイルの自動生成 対象読者 本稿では、XSLTスクリプトの文法やテンプレートなど、XSLTの基礎に関する説明を省略しています。XSLTに初めて触れる方は、参考文献で紹介したXSLTの解説サイトなどと併せてご覧ください。必要な環境 このサンプルはInternet Explorer 6.0＋MSXSLを使用して動作確認をしています。スクリプト中でMSXSLの独自拡張を使用しているため、実行にはMSXSLが必
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 さん
XHTML CSSの書籍を執筆しました - 3ping.org
(Amazonから買えるようになったもようです) 九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせていただき、まもなく発売となるので宣伝させてください。 本書籍はhxxk.jpの真琴さん、lucky bag blogのe-luckさんとの共著で、それぞれが連携しながら得意なパートを担当して書き上げました。大まかな構成は次のようになっています。(詳細なアウトラインは記事下部にあります) XHTML, CSSの基礎知識と管理方法 レイアウト編 Tips&Tecnique ずっと作りたかった構成ができた! CSSはまず『(X)HTMLありき』であり、(X)HTMLの正しい知識を覚えた上で学ぶものです。そこで、まずレイアウトや実線編となるまえに、Web Standardsの考え方や(X)HTMLの基本、プレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
東京webデザイナー日記: 日経平均銘柄225社サイトの脱テーブル率調査
モバイルでのXHTMLとCSS
はてなブログ | 無料ブログを作成しよう
http://www.cybergarden.net/revolution/20070201/