ちょっとこの辺でHTML5のタグを全部確認してみようぜ！！
HTML5のタグは108つある って話は以前このブログでしましたねー。なんの偶然か、108っていう数字には厨二心をくすぐられますｗ 何か意味があるような気がしてなりませんね★ HTML5のタグって現時点(2012年8月)でいくつあるの？ ― #HTML5のタグは百八つまであるぞ …？ ― 現在HTML5は最終草案の状態です。この108と言う美しい数字を崩す可能性のある要素として、以前から仕様から外れるかもしれないという話のあったhgroup、Editor’s Draftから追加される可能性のあったdialogやdata、そして新しく追加しようという話の持ち上がったpictureやmainなどがあります。 ただとりあえずHTML5.0のうちは変化することは多分無さそうです。この辺のことはこのAdvent Calendarの初日の記事、覚え書き＠kazuhi.to: 巷（何処）で話題のmain
Webkit に最適化されたサイトを IE10 に適応させるためのガイド
スラッシュドットで 「Microsoft、「WebKitはWeb標準を破壊している」と主張」 なんてストーリーが上がってて、なんぞやと思って大本の記事を見に行ったんですけど、そしたらそれが 「Webkit しか対象にしてない Web サイトを IE10 でもきちんと動作させるためにやっといた方がいいことガイド」 っていうお役立ちコンテンツだったってことで、がんばって最後まで読んだ手前、ついでなので翻訳して掲載してみようかなと思います。 Microsoft、「WebKitはWeb標準を破壊している」と主張 ： スラッシュドット・ジャパン ちなみに翻訳元の記事は 「Windows Phone Developer Blog」 で書かれた内容なので、「Windows Phone 8 で動作する IE10」 っていう書き方になっている部分や、すべて Webkit と対比して書かれているなど、モバイル
モトローラ社製。HTML5を使ったWebアプリケーションを作るなら·Montage MOONGIFT
Montageはモトローラ社製のHTML5 Webアプリケーションフレームワークです。 Webサイトに比べるとWebアプリケーションで求められる素養は多少異なります。アプリケーションゆえに予め決められたコンポーネントを組み合わせて作る方が一般的です。そこで紹介したいのはMontage、モトローラ社製のHTML5 Webアプリケーションフレームワークです。 デモのKitchen Sinkです。 ボタンです。デザインはすっきりとして見やすいです。 こちらは時刻を表示するデモ。 クリックで削除するタグのデモ。 Todoアプリのデモ。 Fiddleを使って試す事もできます。 画像からカラーピッカーするデモ。 計算機のデモ。 Montageには多数のコンポーネントが用意され、それらを埋め込む形で配置してけば画面が出来上がります。カレンダーやレンジ入力、トグルボタンなど様々な入力コンポーネントが用意さ
モトローラ製。HTML5 Webアプリケーションを作るためのオーサリングツール·Ninja MOONGIFT
NinjaはHTML5 Webアプリケーションを開発するためのオーサリングツールです。 Webのオーサリングツールの代表格と言えばDreamweaver。しかしHTML5、さらに各種フレームワークの登場以降、徐々に状況が変わってきています。そんな中登場したのがNinja、Google Chrome上で動作するHTML5オーサリングツールです。 インストールします。Chromeウェブストアでインストールできます。 インストールしました。 起動するとクラウドサーバのURLが求められます。 サーバになるアプリもダウンロードできます。 ローカルで立てるサーバを使います。 色々な拡張子のファイルが作成できるようです。 こんな感じにドローを描いていきます。 Google Chrome上でのプレビューです。 3Dも作成できます。 タイムラインのデモ CSSを使ったデザイン 3DモデリングNinjaはHT
HTML5+CSS3の導入時に役立つ7つの設定
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
Modernizr.jsを使ってHTML5のクロスブラウザ問題に立ち向かう！ - Taste of Tech Topics
こんにちは！ しょこたんです。 HTML5の対応も着々と進み、開発をしてみよう！ とはいっても、なんだかんだで気になるのは、 クロスブラウザ問題。 特にIEは9にならないとHTML5の恩恵は受けられないとのこと。 せっかくHTML5のコードを書いても、 それでscriptエラー！ なんて出したら、台無しです。 今までは、そういった問題に対して、ブラウザのバージョンを調べて判断し、 遷移をかえることをやっていました。 たとえば <span class="rem"><!--[if lte IE 6.0]></span> <span class="rem"><meta http-equiv="refresh" content="0;url=./endosnipe_ie6.html" /></span> <span class="rem"><![endif]-->
HTML5 によるアプリケーションのビルド - 取り残されるブラウザーをなくす: HTML5 の導入戦略
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 取り残されるブラウザーをなくす: HTML5 の導入戦略 Brandon Satrom コード サンプルのダウンロード HTML5 は魅力にあふれています。新しいマークアップ、CSS 機能、および JavaScript API を利用すれば、Web での可能性が飛躍的に高まります。ブラウザー ベンダーの中で着実に先手を打つことができるだけでなく、魅力的な機能を毎日のように増やしていくことができます。夜を徹して行ってきたビルドから、開発チャネル リリースを経て、通常のプラットフォーム プレビューに至るまで、ブラウザーの開発は迅速に進んできており、世界中の Web 開発者がこのわくわくする活動に参加しています。
アドビ―Dreamweaverデベロッパーセンター
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
[JS]Modernizrをウェブサイトの開発・勉強・納品ごとに正しく使う方法
Modernizrの公式ブログより、Modernizrのどのバージョンを開発時・勉強時・納品時などにそれぞれ利用するべきか、開発者推奨の正しい使い方を紹介します。 Modernizr and Content Delivery Networks (CDNs) [ad#ad-2] 下記は各ポイントを意訳したものです。 ローカル環境での開発・勉強 CDNでの開発・テスト カスタムビルド、すべてのプロダクト用 終わりに：スクリプトは最新版を ローカル環境での開発・勉強 新しいプロジェクトを始める時、または勉強する時は、Modernizrは最新の「Development version」をダウンロードして使用してください。 Modernizr -Development version 開発時や勉強時はファイルサイズを気にする必要もなく、スクリプトを使用する上でその特徴を勉強しテストする必要があるため
HTML5 - ブラウザーと機能検出
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 ブラウザーと機能検出 Sascha P. Corti Web サイトを構築していると、今だけ見栄えがよいのではなく、今後もその見栄えを保ちたいと考えます。つまり、Web サイトを、現バージョンのブラウザーだけでなく、今後リリースされる新しいバージョンのブラウザーでも機能させる必要があります。今回の記事では、この目標を達成するのに役立つヒントとベスト プラクティスをいくつか紹介します。 簡単な歴史 現在は、どの Web ブラウザーも、「最新の仕様に沿って Web ページを最適にレンダリングする」という共通の目標に基づいて構築されています。 しかし、昔からそうだったわけではありません。これまでは、ブラウザーの競争
HTML5 Boilerplate, Initializrをこれから使う人が押さえるべき5つの原則 | ゆっくりと…
boilerplate とは、「再利用を意図した標準的な文例集」 だそうです。 Paul Irish が中心となり構築されてきた HTML5 Boilerplate は、その名の通り HTML5 でサイトを構築するためのテンプレート、さらにはフレームワークをも含む内容となっており、その特徴は次のように語られています。 HTML5 Boilerplate は、HTML5 を扱う上で必要な数多くの機能強化を他のベスト・プラクティスの数々と組み合わせることで、最小限の先行投資でプロジェクトの磐石な基盤を提供します。 2011年02月08日 HTML5 Boilerplate を使用して Web 開発を容易に始める | IBM developerWorks より。 HTML5 Boilerplateをベースにすることで最初からベストプラクティスが適用されたサイトやページを構築できるという特徴がある
HTMLリファレンス［HTML Living Standard］ - TAG index
ページ全般 宣言、ルート要素、タイトル、文書のメタデータ、スタイルシート、アイコン ... セクション 文書の本体、セクショニング、ナビゲーション、見出し、ヘッダ、フッタ ... グループ化 段落、引用セクション、順序付きリスト、順不同のリスト、整形済み、図版 ... テキスト リンク、改行、強調、引用文、用語、日時、ソースコード、ルビ、訂正 ... 埋め込み 画像、インラインフレーム、動画、オーディオ、イメージマップ ... テーブル 表の作成、表のキャプション、列と行のグループ化、見出しセル ... フォーム 入力フォーム、送信方法、各種入力欄、送信ボタン、部品のグループ化、 ... アクション インタラクティブ、スクリプティング、キャンバス、ダイアログ ... グローバル属性 クラス名、ID、補足情報、言語情報、アクセスキー、スタイル ...
「金融機関等コンピュータシステムの安全対策基準」（FISC 安全対策基準）に対する Azure の対応状況リストを公開 - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
HTML5でのIE対応 : html5shiv | 9142.NET
もっと「かんたん」に、もっと「便利」に。ウェブサイトは作って終わりではありません。誰でも簡単に更新できる「生きているサイト」作りを9142.NETはお手伝いします。 IE8以下は、HTML5の新要素には対応していませんのでスタイルが適用されません。 そこで、Google Codeで公開されている「html5shiv」というスクリプトを読み込ませることで、IE8以下にもHTML5の新要素を認識させることが可能になります。 旧方法 今までのやり方は、以下のようにGoogle Code内ソースコードをhead要素内に書き込んで読み込むよう説明されていました。 <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> ※<!–[if lt IE
HTML5 でやりがちな間違い
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/webtech/20120215/1.html
Web Design Tips To Help You Succeed - Web Design
HTML5.js の使い方と注意点メモ | WEBDesign*MeMoRi
わかる！Web CMS選択術2012 + HTML5 CMS ― Web Meister | サイズ | 【レポート】Web担当者Forumミーティング 2012 Spring
HTML5 Please - Use the new and shiny responsibly