50+ Creative Examples of Websites Designed With HTML5
The web is constantly evolving. New and creative websites are being created every day, pushing the limitations of HTML in every direction. HTML4 has been around for nearly a decade and now its time to move forward. To give authors more flexibility and interoperability, HTML5 is proposed as the next major revision of HTML. It works on just about every platform, is compatible with older browsers, an
【ハウツー】HTML5 Canvas×jQuery、グレースケールの画像を自動生成する方法 (1) 自動生成プログラムの作成手順 | エンタープライズ | マイコミジャーナル
HTML5 Canvasでグレースケール画像を自動生成 WebDesignerWallにて、HTML5 CanvasとjQueryでグレースケールを実現するチュートリアルが公開されている。画像にマウスを乗せると、グレースケールの画像がカラーになるというものだ。 HTML5 & jQuery Grayscale Demoより。グレースケールの画像にマウスを乗せると、カラーで表示される これまでこのようなユーザインタフェースを実現するには「カラーの画像」と「グレースケールの画像」の2種類を用意する必要があった。このチュートリアルではHTML5のCanvasを活用し、オリジナルの画像からグレースケールの画像を自動生成する方法を紹介している。ポートフォリオやWebアルバムなど、さまざまな場面で活用できそうだ。 本稿では、その方法を簡単に紹介していこう。 使い方 グレースケールの画像を自動生成したい
Adobe、FlashをHTML5に変換するツール「Wallaby」プレビュー公開 | エンタープライズ | マイコミジャーナル
米Adobe Systemsは3月8日(現地時間)、FlashファイルをHTML5に変換するツール「Wallaby (コードネーム)」のプレビュー提供を開始した。Windows版 (7/Vista/XP)とMac版 (Mac OS X 10.5以上)が用意されており、Adobe Labsから入手できる。 Wallabyは、Flashラインタイムをサポートしないデバイス向けにFlashコンテンツを再利用できるように、Adobe Flash Professional (FLA)ファイルに含まれるアートワークとアニメーションをHTML5に変換する。プレリリース版のリリースノートにおいてAdobeは「iOSデバイス内のブラウザで最善の品質とパフォーマンスが得られるのを優先してWallabyは設計された」と、iOSデバイス向けに最適化したツールであることを明言している。 初期版は、一般的なバナー広告
HTML5で再定義された要素と属性 ここが違う！サンプルで見るHTML5（3）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 要素はスタイルを表さない HTML5は、新たに追加された要素に注目されがちですが、旧来から使われてきた要素についても再定義しています。 HTML4やXHTML1.0で規定された要素には、スタイリングを指示する要素がありました。HTML5では、スタイリングはCSSに任せ、要素はセマンティクスのみを表すことに重点が置かれています。そのため、HTML5のすべての要素から、スタイリングを指示する意味合いが完全に排除されています。 実際に、スタイリングを指示するだけの要素は、HTML5で
Free HTML5 Templates | Bringing modern web standards to everyone
Marketing Website Templates - Make A Great Marketing Portfolio In Your SiteYour website is a hub in your marketing plan and needs to provide a lot more for visitors than just information, enticing them to buy, study, or get in touch. That's why we offer a comprehensive guide for websites about marketing and also some recommendations for the best marketing website templates. May 29, 2025 How To Cho
HTML5でWebページをマークアップするための基礎知識
最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた？ 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。
【レポート】HTML5新機能、Microdataとは | エンタープライズ | マイコミジャーナル
Ext JS is now Sencha HTML5の策定とともに進められている機能に「Microdata」がある。2009年末ごろにHTML5本体から分離し、今はHTML5関連技術として5 Microdata - HTML 5にそのドラフトが公開されている。MicrodataはHTMLコンテンツに特定のメタデータを追加するためのもの。類似の技術にはMicroformatsやRDFaなどがある。 Microdataは名前と値をひとつの組みとする。Microdataでは名前と値の組みをアイテムと読んでいる。5 Microdata - HTML 5に掲載されているサンプルによれば、次のように記述する。 <div itemscope> <p>My name is <span itemprop="name">Elizabeth</span>.</p> </div> itemscope属性でアイテム
Plupload: Multi-runtime File-Uploader
Upload in HTML5 We are using HTML5 APIs. Always. Plupload is based on multi-runtime pollyfills for XMLHttpRequest L2, File and Image APIs. So when there's no HTML5 available in the browser, we emulate it ourselves. mOxie (combined code-name for pollyfills) is completely standalone and available separately. Drag'n'Drop Files from Desktop Files not only can be picked from browse dialog, but also can
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5で制作したサイト「The Shodo」を解剖する
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介
HTML5.JP - 次世代HTML標準 HTML5情報サイト
HTML5, きちんと。
http://www.designwalker.com/2009/11/html5.html