https://b.hatena.ne.jp/tasknow/HTML5/ HTML5に関するtasknowのはてなブックマーク (10) http://plus.appgiga.jp/masatolan/2014/12/17/54832/ tasknow 2014-12-18T16:04:01Z ゲーム 開発 HTML5 <blockquote cite="http://plus.appgiga.jp/masatolan/2014/12/17/54832/" title="http://plus.appgiga.jp/masatolan/2014/12/17/54832/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fplus.appgiga.jp%2Fmasatolan%2F2014%2F12%2F17%2F54832%2F" alt="" /> <a href="http://plus.appgiga.jp/masatolan/2014/12/17/54832/">http://plus.appgiga.jp/masatolan/2014/12/17/54832/</a></cite><p><a href="http://plus.appgiga.jp/masatolan/2014/12/17/54832/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/149ac25352d41552f422fc15e197e1f56934d50a/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fplus.appgiga.jp%2Fwp-content%2Fuploads%2Ffiles%2F2014%2F12%2Fwimi5_01.jpg" alt="http://plus.appgiga.jp/masatolan/2014/12/17/54832/" title="http://plus.appgiga.jp/masatolan/2014/12/17/54832/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/plus.appgiga.jp/masatolan/2014/12/17/54832/"><img src="https://b.hatena.ne.jp/entry/image/http://plus.appgiga.jp/masatolan/2014/12/17/54832/" alt="はてなブックマーク - http://plus.appgiga.jp/masatolan/2014/12/17/54832/" title="はてなブックマーク - http://plus.appgiga.jp/masatolan/2014/12/17/54832/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/plus.appgiga.jp/masatolan/2014/12/17/54832/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 572 http://www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/ tasknow 2012-03-06T05:42:50Z css3 css jQuery HTML5 <blockquote cite="http://www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/" title="Master Web Development with Hands-On Tutorials"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.webstuffshare.com%2F2012%2F03%2Fsweet-tooltip-a-jquery-css3-tooltips%2F" alt="" /> <a href="http://www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/">Master Web Development with Hands-On Tutorials</a></cite><p><a href="http://www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/"><img src="" alt="Master Web Development with Hands-On Tutorials" title="Master Web Development with Hands-On Tutorials" class="entry-image" /></a></p><p>Master Web Development - From Basics to Pro-Level Skills Enter a world where you don&#39;t just learn web development—you become a pro at it. Our tutorials have one goal: to give you the skills to build websites that work great and look awesome. We guide you through every step, from coding an amazing...</p><p><a href="https://b.hatena.ne.jp/entry/www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/"><img src="https://b.hatena.ne.jp/entry/image/http://www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/" alt="はてなブックマーク - Master Web Development with Hands-On Tutorials" title="はてなブックマーク - Master Web Development with Hands-On Tutorials" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 27 https://www.mdn.co.jp/di/contents/4040/50922/ tasknow 2011-11-30T01:41:51Z HTML5 web制作 Web markup <blockquote cite="https://www.mdn.co.jp/di/contents/4040/50922/" title="ゼロからはじめるHTML5でのサイト制作／最終回　ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.mdn.co.jp%2Fdi%2Fcontents%2F4040%2F50922%2F" alt="" /> <a href="https://www.mdn.co.jp/di/contents/4040/50922/">ゼロからはじめるHTML5でのサイト制作／最終回　ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive</a></cite><p><a href="https://www.mdn.co.jp/di/contents/4040/50922/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2cfdfbbf207dcf44ac68cc01ac7b943db34445d0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.mdn.co.jp%2Fdi%2Fimage.php%3Fasid%3D821%26type%3Ds" alt="ゼロからはじめるHTML5でのサイト制作／最終回　ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive" title="ゼロからはじめるHTML5でのサイト制作／最終回　ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive" class="entry-image" /></a></p><p>前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.mdn.co.jp/di/contents/4040/50922/"><img src="https://b.hatena.ne.jp/entry/image/https://www.mdn.co.jp/di/contents/4040/50922/" alt="はてなブックマーク - ゼロからはじめるHTML5でのサイト制作／最終回　ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive" title="はてなブックマーク - ゼロからはじめるHTML5でのサイト制作／最終回　ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.mdn.co.jp/di/contents/4040/50922/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 779 http://www.html5-memo.com/html5/html5_03/ tasknow 2011-09-13T02:53:14Z HTML5 web制作 Markup <blockquote cite="http://www.html5-memo.com/html5/html5_03/" title="How To Enable HTML5 In Chrome | Robots.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.html5-memo.com%2Fhtml5%2Fhtml5_03%2F" alt="" /> <a href="http://www.html5-memo.com/html5/html5_03/">How To Enable HTML5 In Chrome | Robots.net</a></cite><p><a href="http://www.html5-memo.com/html5/html5_03/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/916351ed7514fd99ef186809463b6a88ff977e4d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Frobots.net%2Fwp-content%2Fuploads%2F2024%2F02%2Fhow-to-enable-html5-in-chrome-1707000155.jpg" alt="How To Enable HTML5 In Chrome | Robots.net" title="How To Enable HTML5 In Chrome | Robots.net" class="entry-image" /></a></p><p>Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 ...</p><p><a href="https://b.hatena.ne.jp/entry/www.html5-memo.com/html5/html5_03/"><img src="https://b.hatena.ne.jp/entry/image/http://www.html5-memo.com/html5/html5_03/" alt="はてなブックマーク - How To Enable HTML5 In Chrome | Robots.net" title="はてなブックマーク - How To Enable HTML5 In Chrome | Robots.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.html5-memo.com/html5/html5_03/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 401 https://ymotongpoo.hatenablog.com/entry/20110821/1313911550 tasknow 2011-08-22T04:07:10Z HTML5 WEB制作 <blockquote cite="https://ymotongpoo.hatenablog.com/entry/20110821/1313911550" title="ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fymotongpoo.hatenablog.com%2Fentry%2F20110821%2F1313911550" alt="" /> <a href="https://ymotongpoo.hatenablog.com/entry/20110821/1313911550">ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog</a></cite><p><a href="https://ymotongpoo.hatenablog.com/entry/20110821/1313911550"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d09fab5ab9bd6ad11996ebe7860142adbbd18b14/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fb0fd585ce9c29ca5cf117b982f1b5a1bc0c8e83e%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fy%252Fymotongpoo%252F20110821%252F20110821154110.png" alt="ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog" title="ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog" class="entry-image" /></a></p><p>はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Stream...</p><p><a href="https://b.hatena.ne.jp/entry/s/ymotongpoo.hatenablog.com/entry/20110821/1313911550"><img src="https://b.hatena.ne.jp/entry/image/https://ymotongpoo.hatenablog.com/entry/20110821/1313911550" alt="はてなブックマーク - ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog" title="はてなブックマーク - ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ymotongpoo.hatenablog.com/entry/20110821/1313911550"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1572 https://hyper-text.org/archives/2011/07/html5_mistakes/ tasknow 2011-07-27T07:49:23Z html5 web制作 <blockquote cite="https://hyper-text.org/archives/2011/07/html5_mistakes/" title="HTML5 でやりがちな間違い"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhyper-text.org%2Farchives%2F2011%2F07%2Fhtml5_mistakes%2F" alt="" /> <a href="https://hyper-text.org/archives/2011/07/html5_mistakes/">HTML5 でやりがちな間違い</a></cite><p><a href="https://hyper-text.org/archives/2011/07/html5_mistakes/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/59a7b975ac13035bbcc014be01e058d230c97979/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhyper-text.org%2Fstatic%2Fimg%2Fogp-image.png" alt="HTML5 でやりがちな間違い" title="HTML5 でやりがちな間違い" class="entry-image" /></a></p><p>HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5...</p><p><a href="https://b.hatena.ne.jp/entry/s/hyper-text.org/archives/2011/07/html5_mistakes/"><img src="https://b.hatena.ne.jp/entry/image/https://hyper-text.org/archives/2011/07/html5_mistakes/" alt="はてなブックマーク - HTML5 でやりがちな間違い" title="はてなブックマーク - HTML5 でやりがちな間違い" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hyper-text.org/archives/2011/07/html5_mistakes/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1144 https://izit-kosuke.hatenadiary.org/entry/20110129/1296321139 tasknow 2011-01-30T21:58:58Z iphone web制作 HTML5 APPLE スマートフォン iPhone <blockquote cite="https://izit-kosuke.hatenadiary.org/entry/20110129/1296321139" title="「スマホ対応サイト制作　初心者向け」みたいな感じで書いてみた 　-1.メニュー編-（※iPhone寄り） - Kaleidoscope"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fizit-kosuke.hatenadiary.org%2Fentry%2F20110129%2F1296321139" alt="" /> <a href="https://izit-kosuke.hatenadiary.org/entry/20110129/1296321139">「スマホ対応サイト制作　初心者向け」みたいな感じで書いてみた 　-1.メニュー編-（※iPhone寄り） - Kaleidoscope</a></cite><p><a href="https://izit-kosuke.hatenadiary.org/entry/20110129/1296321139"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/58ae67a29d9865f78a2894f7f082397eff1fed80/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F5f21c2bb9c6db52e8562cb48fbb58716d28ad07c%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fi%252Fizit_kosuke%252F20110130%252F20110130005123.png" alt="「スマホ対応サイト制作　初心者向け」みたいな感じで書いてみた 　-1.メニュー編-（※iPhone寄り） - Kaleidoscope" title="「スマホ対応サイト制作　初心者向け」みたいな感じで書いてみた 　-1.メニュー編-（※iPhone寄り） - Kaleidoscope" class="entry-image" /></a></p><p>【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） 今持ってるPCサイトをスマホ対応したいなぁ…と思ってるものの、 「どこから手を付けていいのやら、わからん！！」って方も多いのではないでしょうか？ ということで、記事でも書いてみっかぁ！と、なぜかやる気になったので...</p><p><a href="https://b.hatena.ne.jp/entry/s/izit-kosuke.hatenadiary.org/entry/20110129/1296321139"><img src="https://b.hatena.ne.jp/entry/image/https://izit-kosuke.hatenadiary.org/entry/20110129/1296321139" alt="はてなブックマーク - 「スマホ対応サイト制作　初心者向け」みたいな感じで書いてみた 　-1.メニュー編-（※iPhone寄り） - Kaleidoscope" title="はてなブックマーク - 「スマホ対応サイト制作　初心者向け」みたいな感じで書いてみた 　-1.メニュー編-（※iPhone寄り） - Kaleidoscope" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/izit-kosuke.hatenadiary.org/entry/20110129/1296321139"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 923 https://20kaido.blog.jp/archives/2266374.html tasknow 2011-01-18T16:51:22Z html HTML5 web制作 資料 <blockquote cite="https://20kaido.blog.jp/archives/2266374.html" title="日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2F20kaido.blog.jp%2Farchives%2F2266374.html" alt="" /> <a href="https://20kaido.blog.jp/archives/2266374.html">日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら</a></cite><p><a href="https://20kaido.blog.jp/archives/2266374.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4c0b13520a0681815263b96d010344cdf669892c/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2F20kaido.com%2Farticle%2F2011%2F01%2F16%2F01.jpg" alt="日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら" title="日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら" class="entry-image" /></a></p><p>HTML5について色々と調べてたときに見つけた資料いろいろです。 せっかくなのでまとめておこうかなと思って記事にしました。 「SlideShare」というプレゼン資料共有サイトがありまして、そこから見つけた資料です。 HTML5に関する資料で役立ちそうだなと思ったものを15個ピックアップしました。 日本語で書かれているも...</p><p><a href="https://b.hatena.ne.jp/entry/s/20kaido.blog.jp/archives/2266374.html"><img src="https://b.hatena.ne.jp/entry/image/https://20kaido.blog.jp/archives/2266374.html" alt="はてなブックマーク - 日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら" title="はてなブックマーク - 日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/20kaido.blog.jp/archives/2266374.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1529 https://docs.google.com/presentation/d/1TKcb-DVbxuidi-wmOoH3OtqCmhNkJjgX_ucHDYIbLLE/present tasknow 2010-01-30T04:14:47Z html あとで読む Web制作 XHTML html5 <blockquote cite="https://docs.google.com/presentation/d/1TKcb-DVbxuidi-wmOoH3OtqCmhNkJjgX_ucHDYIbLLE/present" title="Google Slides: Sign-in"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdocs.google.com%2Fpresentation%2Fd%2F1TKcb-DVbxuidi-wmOoH3OtqCmhNkJjgX_ucHDYIbLLE%2Fpresent" alt="" /> <a href="https://docs.google.com/presentation/d/1TKcb-DVbxuidi-wmOoH3OtqCmhNkJjgX_ucHDYIbLLE/present">Google Slides: Sign-in</a></cite><p><a href="https://docs.google.com/presentation/d/1TKcb-DVbxuidi-wmOoH3OtqCmhNkJjgX_ucHDYIbLLE/present"><img src="" alt="Google Slides: Sign-in" title="Google Slides: Sign-in" class="entry-image" /></a></p><p>Not your computer? Use a private browsing window to sign in. Learn more</p><p><a href="https://b.hatena.ne.jp/entry/s/docs.google.com/presentation/d/1TKcb-DVbxuidi-wmOoH3OtqCmhNkJjgX_ucHDYIbLLE/present"><img src="https://b.hatena.ne.jp/entry/image/https://docs.google.com/presentation/d/1TKcb-DVbxuidi-wmOoH3OtqCmhNkJjgX_ucHDYIbLLE/present" alt="はてなブックマーク - Google Slides: Sign-in" title="はてなブックマーク - Google Slides: Sign-in" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/docs.google.com/presentation/d/1TKcb-DVbxuidi-wmOoH3OtqCmhNkJjgX_ucHDYIbLLE/present"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 737 http://www.html5-guide.com/ tasknow 2009-12-09T11:59:46Z html web制作 HTML5 webdesign <blockquote cite="http://www.html5-guide.com/" title="http://www.html5-guide.com/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.html5-guide.com%2F" alt="" /> <a href="http://www.html5-guide.com/">http://www.html5-guide.com/</a></cite><p><a href="http://www.html5-guide.com/"><img src="" alt="http://www.html5-guide.com/" title="http://www.html5-guide.com/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.html5-guide.com/"><img src="https://b.hatena.ne.jp/entry/image/http://www.html5-guide.com/" alt="はてなブックマーク - http://www.html5-guide.com/" title="はてなブックマーク - http://www.html5-guide.com/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.html5-guide.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 90