[B! html] pale-aleのブックマーク

Bridge Word

This shop will be powered by Are you the store owner? Log in here

pale-ale 2010/02/03

html
html5

リンク

コードハイライトを実装するための各言語用の仕組み色々:phpspot開発日誌

11 Syntax Highlighters To Beautify Code Presentation コードハイライトを実装するための各言語用の仕組み色々。ページに掲載するコードは色分けされている方が読みやすいですが、その色分けを実装するのには様々な仕組みがあるようです。 Google Code Prettify (JS) JavaScript で書かれたGoogleのコードハイライター。色々な言語も自動で簡単にハイライト可能。過去に紹介→C、java、JavaScript、html等の言語をハイライト表示するJavaScriptライブラリ「google-code-prettify」 Highlight.js (JS) JavaScript で書かれたコードハイライター。多数の言語に対応していてシンプルに使えるようです Chili (JS/jQuery) jQueryプラグイン

pale-ale 2009/05/11

リンク

ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？

yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるようにたとえばグローバルナビゲーションとカ

pale-ale 2008/04/23

css
html

リンク

HTMLの基本構造 - 仕様書に見るHTML(1)

3.3 属性リスト宣言と実体宣言また、DTDでは要素タイプがどんな属性を持つのかも定義します。属性は、<!ATTLIST で始まる宣言文で、属性名、属性値のタイプ、省略時の扱いについて定義します。さらにDTDでは、さまざまな名前や値の別名を定義しておき、個々の宣言ではこの別名を使うのが普通です。この別名の定義を実体宣言といい、<!ENTITY で始まる宣言で定義しています。仕様書の3.3ではこれらについても詳しく説明されています。それほど複雑ではないので、できればひととおり目を通して、DTDの読み方を身につけておきましょう。 4 HTML文書の構造では、HTML4の仕様書のさまざまな要素タイプの定義の中から、注目しておきたい部分を拾い読みしていきます。HTMLを書くときに、「ここはどうなっているんだろう」と疑問に思うような点の多くは、実は仕様書できちんと解説されているものなのです。

pale-ale 2005/12/09

html

リンク

naoyaのはてなダイアリー - onsubmit で submit ボタンを disable にしてユーザビリティを良くする

先の Yahoo! Shopping のアプリケーションで、今度ちょっとやってみようと思ってたことを実装してみた。 http://bloghackers.net/~naoya/ys/app.cgi ボタンを押したときに、そのボタンが disable になります。この方法を使うとボタンが押されて次の処理に入ろうとしているというのが直感的に分かるのと、二重送信防止にもなるということでユーザビリティが改善できます。仕掛けはすごく簡単で、form の onsubmit ハンドラに、その form に紐づく submit ボタンを disable になるような JavaScript を登録しておくだけ。 function disableSubmit(form) { var elements = form.elements; for (var i = 0; i < elements.length;