bomomobomomo
A New Collection of Free HTML5 and CSS3 Templates
Professionally designed and neatly coded templates always make life easier for developers, not only because they save time, but also for the effort they save. Since web development is an ever expanding field, it is important for developers to keep their work up to date with the latest changes. HTML5 and CSS3 templates are there to make your websites future proof and make them even more accessible.
HTML5で制作した電子雑誌「ITpro eMagazine」発行！
ITproは2010年11月25日、電子雑誌「ITpro eMagazine 2010年秋号 EXPOバーチャル版」を発行しました。HTML5/CSS3/JavaScriptを駆使し、次世代のユーザーインタフェースを追求した新しいWebメディアです。iPad上での電子書籍アプリケーションに匹敵する使い勝手を、ブラウザだけで実現しました。 紙の雑誌「ITpro Magazine 2010年秋号 EXPO版」からの転載のほか、ITpro EXPOバーチャル2010で公開する予定となっている動画の一部などのコンテンツを含んでいます。ぜひ次世代のユーザー体験をお楽しみください。 ＊ HTML5はプラグインを使わずにリッチなコンテンツを作成できるのが特徴ですが、PC用の「EXPOバーチャル予告」のページのみFlashを利用しています。これは、バーチャル展示会のEXPOバーチャルがFlashを利用して
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
ニコニコ動画がHTML5サポート、iPadでも視聴・コメント入力が可能に | ホビー | マイコミジャーナル
iPhone用アプリを使わなくてもiPadでニコニコ動画が視聴可能に。横位置ではフルスクリーン表示に切り替わる ニワンゴは29日、動画投稿サイト「ニコニコ動画(9)」がHTML5による動画再生に対応したことを発表した。HTML5プレーヤーを提供することで、Flashに非対応のiPadからでも手軽に動画の再生やコメント投稿が行なえるようになる。 ニコニコ動画がHTML5での動画再生に対応したことで、FlashをサポートしないiPadでもWebブラウザ「Safari」上でスムーズな動画視聴が可能になった。再生プレーヤーのUIはiPadに最適化されており、本体横位置ではフルスクリーン表示になるほか、ソフトウェアキーボードを使ったコメント入力、画面上の任意の場所をタッチすることでシーク操作が行なえるなどの特徴を備えている。 なお、iPadからの利用時は、動画アップロードおよび一部機能(ニコニコ遊園
デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
【レポート】HTML5の機能を知るための15のデモンストレーション | エンタープライズ | マイコミジャーナル
Tech Drive-in - Technology, Linux, Ubuntu FTW 主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻度は早まる傾向にあり、HTML5/CSS3の対応は日進月歩で進んでいくことになるとみられる。 HTML5やCSS3のデモンストレーションサイトやテクニック紹介ブログはこれまで何度も取り上げてきた。15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inにおいて、HTML5デモンストレーションサイトがまとめられており参考になる。中にはこれまでマイコミジャーナルで取り上げたサイトも含められている。紹介されて
HTML5を今すぐ使うためのコツや情報をまとめてみました - EC studio デザインブログ
この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。（今も改善を続けています。） http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。 新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。 そこでdocument.createElement(要素名);により、ブラウザ（ユーザーエージェント）にとって未知な存在の要素を生成し、認識させることができます。
生命シミュレーション『ライフゲーム』のHTML5版 | WIRED VISION
前の記事 iPad所有者は「利己的なエリート」：調査結果 まるでサーカス、ロシアの軍事ショー(動画) 次の記事 生命シミュレーション『ライフゲーム』のHTML5版 2010年7月29日 サイエンス・テクノロジーIT コメント： トラックバック (0) フィードサイエンス・テクノロジーIT Michael Calore イギリスの数学者John Horton Conway博士が[1970年に]考案した『ライフゲーム』[生命の誕生、進化、淘汰などのプロセスを簡易的なモデルで再現したシミュレーションゲーム]がブラウザで実行されている例は、これまでいくつも目にしてきた。これは恐らく、自動生成的なシステム(『セル・オートマトン』)におけるConway博士の実践が、プログラマーたちが簡単に再現できるほど単純なだけでなく、見て美しく、人の想像力を素早く捕らえるからだろう。 [セル・オートマトンは、格子状
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
HTML5対応：divで乗り切れ - 万象酔歩
中央に置くことはできなくなります。 また<p>タグの場合も <center> <p> AAA<br> abcdef<br> G<br> hi-jkl<br> MMMMM </p> </center> で という表現を得るということができなくなります。 divで乗り切れ： <table>タグや<p>タグのstyle=設定で中央寄せ設定することはできますが どう配置するかは内容とは別問題なので、直接tableタグのstyleとして設定することは デザインと内容の分離の観点から好ましくありません。 また、同じstyle=設定を文章中に何度も繰り返し書くのは好ましくないので class定義をすることになります。しかしながら、設定したいスタイルには 全体の配置だけでなく色などもあります。classは多重派生させることは できませんので、中央寄せのこの色、左寄せのこの色といった具合に 無数のclass
Flash を捨て HTML5 に移行するポルノ業界 | スラド IT
Flash だ、いや HTML5 だ、といった議論は尽きないが、大手ポルノ製作会社 Digital Playground 社は「全てのブラウザが HTML5 に対応した場合、直ちに Flash から手を引く」と発言したそうだ (ConceivablyTech の記事、本家 /. 記事より) 。 同社の創設者 Ali Joone 氏曰く「Flash はバッテリを消費するし、全てを遅くさせる。HTML5 があればコンテンツを Flash にする理由はない」とのこと。また AppleInsider の記事によれば、iPhone アプリではポルノコンテンツは認可されないため、iPhone 向けにポルノを提供するには HTML5 を使った動的な Web コンテンツにする必要があるといった背景もあるようだ。 全てのウェブサイトの 37% がポルノコンテンツである (参考: /.J 記事) ことを鑑みる
HTML5 基礎知識 - web探検隊
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
HTML5と関連仕様、言語リファレンスが公開 | Web標準Blog | ミツエーリンクス
HTML WGより3月4日付で、新しいHTML5の草案を含めた6つの文書が公開されました。 HTML5 HTML Canvas 2D Context HTML Microdata HTML+RDFa HTML: The Markup Language HTML5 differences from HTML4 HTML5 differences from HTML4の日本語訳も、いつもの通り更新しています。 HTML5 における HTML4 からの変更点 変更点 昨年の草案からの変更点から、いくつか気になるものを挙げてみます。 ひとつは、会話文を表現するdialog要素が削除されました。専用のマークアップを用意する必要性や、表現力に乏しいといった懸念が寄せられたことによります。 また、figure要素とdetails要素について内容モデルの変更がありました。これらの要素はキャプションにlab
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting From Old Directory
Online Mockup, Wireframe & UI Prototyping Tool
Web Page Under Construction
【ネタ帳】HTML5に関するチュートリアルやTipsなどのまとめ + 25記事*二十歳街道まっしぐら（FC2ブログ時代）
TechCrunch | Startup and Technology News