ゼロからはじめるHTML5でのサイト制作／最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
視覚障害者にも利用しやすいサイト構築、Googleが無料講座開講
米Googleは、視覚障害者にも利用しやすいWebサイトの構築を支援する無料のオンライン講座を開講する。 米Googleは2013年9月10日、視覚障害者にも利用しやすいWebサイトの構築を支援する無料のオンライン講座「Introduction to Web Accessibility」を開講すると発表した。受講対象は、HTMLやJavaScript、CSSについての基礎知識を持つWeb開発者。2013年9月17～30日の開講期間中、自分のペースで受講できる。 同講座では、視覚障害者にも利用しやすい動的Webコンテンツ作成のためのHTML5の仕様「Accessible Rich Internet Application（ARIA）」に関する基礎知識や、コードを壊したり見た目の美しさや使用感を損なったりすることなくWebサイトを改善する方法について学べる。Google Chromeの拡張機能
インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応
インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応 インテルは、先週4月10日から11日かけて中国北京で開催された「Intel Developers Forum Beijing 2013」（IDF Beijing 2013）において、クロスプラットフォームに対応したHTML5アプリケーションの開発ツール「Intel XDK」を発表しました。 Intel XDKはブラウザ上で動作するHTML5アプリケーション開発ツール（ChromeブラウザとJavaのインストールが必要）。HTML/CSS/JavaScriptで開発したアプリケーションを、PhoneGap機能でビルドし、iOS/Android/Kindle/Facebookなどのアプリケーションが開発できます。開発したアプリケーションは、各アプリストアで販
たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS – @attrip
開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。 とりま、 attripのデザイン崩れはこれで解決できました！ 使い方は簡単！下記のコードを貼り付ければOK！ まじ仏。 「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。 「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。 ちなみに、border-radiusや、box-shadow はできませんでした。 あと、IEでの見え方をチェックする方法はこちら↓↓ IE9環境でIE6/IE7/IE8/IE9表示する方法(共存
HTML5で組んでるならこの魔法のjsも入れておけっていう話
現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS
Flowplayer | Flash Video Player for the Web
Flowplayer is now part of the Wowza Video live streaming and VOD platform. Learn more →
IE8切り捨て準備はいいか？jQuery2.0 2013年リリース予定 | DECONCEPTER
さようなら、InternetExplorer8 2012年も後3ヶ月を切りました。今年6月に出たアナウンスの予定で行くと来年jQueryは初のメジャーバージョンアップを迎えます。 jQuery2.0の主な機能等はまだ特にアナウンスされていませんが、注目はなんといってもIE8以下をサポート対象から外すという点です。 HTML5の時代が本格的に到来 これまでjQueryがWEB開発の世界にもたらしたメリットは計り知れません。WEBサイトを作っている方でお世話になったことの無い方はほとんどいないでしょう。 jQueryがIE8以下のサポートを切るということは、jQuery2.0のリリースと共にHTML5が標準として使われるようになるまで秒読み段階に入ると考えてもいいかもしれません。 2013年、IE8以下にどのように対応するかが問われる IE対応なんてやってられない 近年モバイルデバイスの普及に
Your Web, documented. · WebPlatform.org
Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github. New documentation can be found at MDN Web Docs. Your Web, Documented. The latest information on how to use the technology that runs the web — HTML, CSS, JavaScript and more. WebPlatform.org is a work in progress. We could use your help in making it bett
【HTML5とか勉強会 Webと家電】 家電のUIになるブラウザ
未来の家電はインターネットに接続でき、ブラウザが内蔵されてくる。家電にブラウザが載ったらどうなるか？ 未来のホームネットワークを想像しよう 家電とWebとHTML5 2011年12月26日、ソニーシティ大崎で「第25回 HTML5とか勉強会」が開催されました。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナ向けの勉強会です。今回は、会場がソニーということもあり、テーマが「Webと家電」でした。 最近の家電製品はインターネットに接続でき、ブラウザが内蔵されている機種があります。勉強会では、現在の家電とHTML5の関係と、今後の関わり方についての説明があり、とても興味深い内容でした。 ゲーム、家電、自動車、新聞などへの影響 ゲーム、家電、自動車、新聞などへの影響 ゲーム、新聞、家電業界などのHTML5への対応 - HTML5とか勉強会 - YouTube 小林さんは
［速報］HTML5/JavaScriptでWindows 8対応アプリを作る「Visual Studio」「Expression Blend」登場。BUILD 2011
［速報］HTML5/JavaScriptでWindows 8対応アプリを作る「Visual Studio」「Expression Blend」登場。BUILD 2011 マイクロソフトは9月13日（日本時間9月14日早朝）、開発者向けのイベント「BUILDカンファレンス」を開催、開発コード名「Windows 8」の詳細を初めて明らかにしました。 Windows 8で搭載される「Metroスタイル」と呼ばれるインターフェイスに対応したアプリケーションの構築には新しいAPIが用意され、C/C++、C#、VBなどに加えてHTML5/JavaScriptでも開発可能になります。 これに合わせ、開発ツールのVisual Studio、Expression BlendもHTML5/JavaScript対応となりました。 基調講演の模様を紹介しましょう。 （本記事は「Windows 7より軽くなったWi
ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog
はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。 10 Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About （オリジナル） HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。
Google、FlashをHTML5に変換するツール「Swiffy」を公開 iOSにも対応
Flashを使ったWebページをiPhoneやiPadでも表示できるようにSWFファイルを変換するツール「Swiffy」がGoogle Labsで公開された。 米Googleは6月28日（現地時間）、FlashのSWFファイルをHTML5に変換するツール「Swiffy」を、Google Labsで公開した。Swiffyで変換したファイルは、GoogleのChromeや米AppleのSafariなど、XMLベースの2Dベクター画像記述言語SVGをサポートするWebkitブラウザで表示できる。つまり、iPhoneやiPadのSafariでも表示できるということだ。 Googleによると、現行版はまだ早期リリースのため、Flashのすべてのコンテンツを変換できるわけではないが、アニメーションやバナー広告などは問題なく表示できるという。ギャラリーにあるサンプルは、オリジナルとほぼ同じように表示され
「第17回 HTML5とか勉強会」活動報告 | gihyo.jp
HTML5を用いたサイト開発が、どんどん現実的になっています。マイクロソフトからはIE9が日本でもリリースされ、全ブラウザでHTML5 readyの時代がついにやってきました。 また、5月25日（UTC）、ついにHTML5がLast Call（最終草案）を迎えました。今回のLast Callは、HTML5 仕様、すなわち主にマークアップ部分のところを指しており、他の関連仕様（WebStorageやWebSocketなど）は含まれていませんが、大きな一歩であることは間違いありません。 HTML5を用いたサイト開発手法についても、同様のことが言えます。最近では、HTML5対応のオーサリングツールが各社よりリリースされています。これまでは、主にコアな開発者がテキストエディタを用い、開発を行ってきました。しかし、そのままでは裾野は拡がりません。UI開発を支援し、コーディングヒントなどを示してく
IE10 Platform Preview登場、Web標準へのさらなるアプローチ――MIX11初日キーノートから | gihyo.jp
MicrosoftのWeb戦略―MIX11最速レポート IE10 Platform Preview登場、Web標準へのさらなるアプローチ――MIX11初日キーノートから 米国時間2011年4月12日、MIX11がついに開幕しました。MIXでは、毎回、今後のWebがどうなるのか、未来を占う技術やトピックが多数登場します。まず、初日のオープニングキーノートの模様についてお届けします。 エスカレーターを上がると参加者を歓迎する垂れ幕が HTML5: Native to Windows オープニングスピーカーを務めたのは、Microsoft, Corporate Vice President, Internet Explorer担当のDean Hachamovitch氏。 颯爽と登場したDean Hachamovitch氏。この後のプレゼン内容を意識させる、胸にtenの文字が入ったシャツを着ている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5KARUTA - 「HTML5カルタ」で覚える！HTML5の108つのタグ
Flowplayer
https://appjs.org/
Internet Explorer デベロッパー センター
HTML5とか勉強会
