CSS3とHTML5のマストハブなチュートリアル＆リソース集７０ということで、大量のコンテンツがまとまっています。 例えば、どんなものがあるというと、CSS3の基本ガイドや、CSS3のリファレンス、CSS3による角丸、CSS3のボーダー、ドロップシャドウ、Opacity、マルチ背景画像といった感じでかなり網羅されているみたいです。 CSS3とHTML5によるコンビネーションを使ったテクニックの他、HTML5関連のチートシートなど便利なものが満載の内容になっています。 先取りで覚えておきたい方は知っておいたほうがよさそうですね。 リンク先は以下の元エントリより参照してください。 70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers 関連エントリ CSS3等を使ったサンプルや各種CSSリソ

HTML5 Canvas Experiment ・IO 9elements HTML5のCanvasで動く超クールなデモページ。 Safari 4 とか Firefox3.5 で動くのですが、これは1回見ておいたほうがよいかもしれないカッコいい＆Canvasの可能性を見せてくれるものです。 単に動くだけでなく、インタラクティブな動作もします。 Flash、Silverlight、Canvas というもうひとつの選択肢が増えたという感想も持ってしまいます。 関連エントリ Canvasでブラウザ上に動的にテキストを描画できる「canvas-text」 CanvasデータをPNG/JPEG等の１枚画像に変換するJS「Canvas2Image」

さて、「XHTML」とは何でしょうか？「HTML」と「XML」の架け橋的役割を持っているものとよく言われます。 元々、「HTML」というものは文書交換が目的で作られたものでしたが、「Netscape Navigator」の登場により、インターネットのすさまじい程のブームが始まりました。 そしてすぐにMicroSoft社が「Internet Explorer」を出した訳です。自分は「Netscape Navigator」というものは現在家に購入したものがありましたが、 Macintoshで当時は使用していて、定価7800円ほどでした。当時はさほどインターネットはまだ流行り始めた最初の頃だったと思います。 しかし、「Internet Explorer」が無料で配布するというMicrosoft社の作戦に「Netscape Navigator」もただただ 対抗しようにも相手の力はあまりにも巨大すぎ

class="abstract" itemprop="http://purl.org/dc/terms/abstract"ひろく普及したHTMLの資産を生かしつつ、より強力で応用範囲の広いXMLの技術をWebに取り込むために、HTML 4.01と互換性を持つ新しいマークアップ言語XHTML 1.0が勧告されました。次の世代に備えるための、いくつかのポイントをご紹介します。 XHTMLとは XHTMLの基本形 HTMLとの互換性について 従来のHTMLをXHTMLに変換するための若干のヒント XHTMLとは 2000年1月26日にW3Cの勧告となったXHTML（Extensible HyperText Markup Language）[XHTML10]は、素朴な文書構造記述言語として発展してきた（あるいは混乱してきた）HTMLに、XML[XML1]の持つ柔軟性、拡張性を取り入れたものです。H

当サイト上では、一部のページでFLASHを使用しています。プラグインをお持ちでない方はこちらからダウンロードしてください。

Web標準って何？ －大藤 幹の『Web標準の基礎知識』 第1回 Web標準の２つの意味 最近になって、「Web標準」という言葉をよく耳にするようになりました。では、「Web標準」とは具体的に何を指す言葉なのかというと、ひとことではなかなか表現することができません。その理由を考えてみると、「Web標準」には大きく２つの意味が込められて使われているからではないかと思います。 Web標準は「Webの標準規格の総称」 1つめの意味としては、英語では「Web Standards」と呼ばれていることからもわかるように、「Webに関する標準規格の総称」であると言うことができます。つまり、W3C（World Wide Web Consortium：中立的な立場からWeb関連の技術仕様やガイドラインなどの策定を行っている国際産業コンソーシアム）が策定・公開しているXHTMLやCSS、ECMA（Europ

PHPでATOM、RSS1/2フォーマットのフィードが超簡単に吐き出せる「FeedWriter.php」 2008年03月12日- PHP Universal Feed Generator (supports RSS 1.0, RSS 2.0 and ATOM) | ajaXray It’s been a while since I’ve planned on developing a feed generator that fulfills most my needs by supporting the various feed formats. PHPでATOM、RSS1/2フォーマットのフィードが超簡単に吐き出せる「FeedWriter.php」。 RSS1や2、ATOMのフォーマットを理解して出力するのは面倒ですね。 このライブラリを使えば、RSS1/2もATOMも、クラスを作成す

MacのIE5.2（左）とWinのIE6.0（右）の文字表示の違い （MacOS X およびWindows98。以下同） MacのIE5.2（上）とWinのIE6.0（下）の画像表示は同じだ Appleの新しいブラウザ「Safari」も96dpiの模様 Winでのパーセント、ポイント、ピクセルの関係 （デフォルトが12ポイントで、ブラウザの文字サイズは「中」） 注1） IEのオプション設定「全般」の「ユーザー補助」の「書式設定」で、「Webページで設定されたフォントサイズを使用しない」にチェック入れると、拡大縮小は可能になる。もっとも、ポイント指定が無視されるので、レイアウトが崩れる場合がある。 注2） スクリプトのif文の中の「navigator.userAgent」はブラウザ情報、「indexOf」は文字列の検索で、見つからないときに「-1」が返される。「!=」は「等しくない」の意。

25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい２５のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー

ブラウザを選ばないWebサイトを作ろう! オーサリングツールや、テキストエディタを使ってHTMLファイルを作り、 自分の使っているWebブラウザで表示を確認する、 多くのWebサイトを作る人にとって当たり前かもしれない作業です。 しかし、ご存じでしょうか? あなたの表示確認に使っているWebブラウザを全ての人が使っているわけではありません。 あなたの持っていないWebブラウザで、あなたのWebページはどのように表示するのでしょうか? それは実際に表示させてみなければ分かりません。 しかし、WebブラウザはWeb標準仕様に沿うように開発が進められています。 そのため、Web標準仕様を知ることによって、Webブラウザを選ばないWebサイトを作ることができるようになるのです。 当サイトではWeb標準仕様に関する様々な情報を公開していますので、 あなたも是非、Web標準仕様に沿ったWebブラウザを