[B! html] washitaのブックマーク

WebDevelopment with TextMate and Zen-Coding

DEMO VIDEOS Get to know everything Vimeo can do for your business. Watch now

washita 2011/08/12

リンク

リアルタイムに XHTML の文法やアクセシビリティを検証できる Firefox 機能拡張「Html Validator」

XHTML の文法チェックには Another HTML-lint gateway や、The W3C Markup Validation Service が有名ですが、そのサイトに行かなければならないのがやや面倒という方に、リアルタイムに XHTML を検証できる Firefox 機能拡張「Html Validator」を紹介します。「Html Validator」は、XHTML のバリデーション以外に、アクセシビリティのチェックや、ソースコードのクリーンアップ（ソースの自動修正）まで行ってくれるスグレモノで、Firefox ユーザにはポピュラーな機能拡張のひとつです。すでにご利用の方も、記事後半にデフォルト設定以外の項目について詳細に記しておりますので、より活用できるのではないかと思います。以下、Firefox をご利用でない方向けに、Html Validator のインストール

washita 2010/09/15

バリデーター

リンク

HTML整頓くん - HTML整形ソフト

◆HTML整形ソフト「HTML整頓くん」とは「HTML整頓くん」は、HTMLをタグの階層に従ってインデントし、見やすいソースに変換(整頓)するテキストエディタです。 HTML作成ソフトを用いて作成されたHTMLソースなどの、かなり読みにくいソースを、タグの階層に従って整頓します。原則として、ブロックレベル要素でインデントを1階層下げ、インライン要素ではインデントしないようにしていますが、それらの設定は自由に変更できます。好みの整頓になるよう設定を調節可能です。 ※なお、このソフトウェアはレジストリを使用していませんので、すべてのファイルを削除するだけで、アンインストールが完了します。お気軽にご試用下さい。（フリーソフトウェアです。） ◆HTML整形ソフト「HTML整頓くん」のダウンロード本ソフトはフリーソフトです。どなたでも無料でご使用頂けます。下記のリンクからダウンロードして

washita 2010/07/07

インデント

リンク

The W3C Markup Validation Service

Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. Validate by direct input Enter the Markup to validate: More Options

washita 2010/06/17

リンク

DOMから始めるJavaScriptモダン・スクリプティング---目次：ITpro

近年，Ajaxの台頭をきっかけに，JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。現在では，ページの表示を変化させるだけであれば，ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。第1回　DOMから始めるモダン・スクリプティングの世界へようこそ第2回　ブラウザからHTMLはどう見えているかを理解しよう～ドキュメントツリー～第3回　DOMスクリプティングのことはじめ(1) ～要素（タグ）を狙い撃ち～第4回　DOMスクリプティングのことはじめ(2) ～これはどんな要素？～第5回　DOMを使ってHTMLを自由自在に書き換える第6回　イベントハンドラから脱却しよう第7回　スクリプトを完全に分離しよう～コンテンツ，プレゼンテーション，ビヘイビア～第8回　スクリプトのパッケージ化～使い回しできるスクリ

washita 2010/06/14

リンク

見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。見出し(Headline)のサンプル集色やボーダーサイズ等の装飾部分はお好みで編集してください。見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor

washita 2010/06/14

css
html

リンク

シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)

Crescent Eve はシンプルなエディタです。こだわりの基本機能とHTML編集機能を持っています。【雑談】ある日のふとした疑問～ HTMLを書く道具～ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」「よし、作ってみよう！」「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」「文字コードの自動認識は、絶対失敗しないようにしよう」・・・というような考えから Crescent Eveを開発することにしました。その後公開以来、多くの方に好評を