https://b.hatena.ne.jp/aidiary/HTML/ HTMLに関するaidiaryのはてなブックマーク (89) http://memopad.bitter.jp/w3c/home/index.html チュートリアル集 aidiary 2016-12-13T04:28:04Z HTML 5 <blockquote cite="http://memopad.bitter.jp/w3c/home/index.html" title="W3C チュートリアル"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmemopad.bitter.jp%2Fw3c%2Fhome%2Findex.html" alt="" /> <a href="http://memopad.bitter.jp/w3c/home/index.html">W3C チュートリアル</a></cite><p><a href="http://memopad.bitter.jp/w3c/home/index.html"><img src="" alt="W3C チュートリアル" title="W3C チュートリアル" class="entry-image" /></a></p><p>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;title&gt;HTML Tutorial&lt;/title&gt; &lt;body&gt; &lt;h1&gt;This is a heading&lt;/h1&gt; &lt;p&gt;This is a paragraph.&lt;/p&gt; &lt;/body&gt; &lt;/html&gt;</p><p><a href="https://b.hatena.ne.jp/entry/memopad.bitter.jp/w3c/home/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://memopad.bitter.jp/w3c/home/index.html" alt="はてなブックマーク - W3C チュートリアル" title="はてなブックマーク - W3C チュートリアル" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/memopad.bitter.jp/w3c/home/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.jpcert.or.jp/research/html5.html aidiary 2013-10-30T14:23:15Z HTML 388 <blockquote cite="https://www.jpcert.or.jp/research/html5.html" title="HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.jpcert.or.jp%2Fresearch%2Fhtml5.html" alt="" /> <a href="https://www.jpcert.or.jp/research/html5.html">HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書</a></cite><p><a href="https://www.jpcert.or.jp/research/html5.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5b1b58f12e40a9a4416fcf0cd4931e1572d236ed/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.jpcert.or.jp%2Fcommon%2Fimage%2Fogp_image.jpg" alt="HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書" title="HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書" class="entry-image" /></a></p><p>HTML5 は、WHATWG および W3C が HTML4 に代わる次世代の HTML として策定を進めている仕様であり、HTML5 およびその周辺技術の利用により、Web サイト閲覧者 (以下、ユーザ) のブラウザ内でのデータ格納、クライアントとサーバ間での双方向通信、位置情報の取得など、従来の HTML4 よりも柔軟かつ利便性の高い Web サイ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.jpcert.or.jp/research/html5.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.jpcert.or.jp/research/html5.html" alt="はてなブックマーク - HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書" title="はてなブックマーク - HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.jpcert.or.jp/research/html5.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://codezine.jp/article/detail/7427 aidiary 2013-10-25T22:32:03Z HTML 724 <blockquote cite="https://codezine.jp/article/detail/7427" title="さよなら手作業・人海戦術！ HTML5時代のツール「Selenium2」でWebシステムのテストを自動化"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodezine.jp%2Farticle%2Fdetail%2F7427" alt="" /> <a href="https://codezine.jp/article/detail/7427">さよなら手作業・人海戦術！ HTML5時代のツール「Selenium2」でWebシステムのテストを自動化</a></cite><p><a href="https://codezine.jp/article/detail/7427"><img src="" alt="さよなら手作業・人海戦術！ HTML5時代のツール「Selenium2」でWebシステムのテストを自動化" title="さよなら手作業・人海戦術！ HTML5時代のツール「Selenium2」でWebシステムのテストを自動化" class="entry-image" /></a></p><p>本シリーズは、WebブラウザをUIとして利用した業務システムやアプリケーション（以下、Webシステム、Webアプリケーション）のテストをテーマとして、Webブラウザを使ったテストを自動化するOSSのツール「Selenium2」を紹介します。業務システム開発の現場で適用してきたノウハウを元に、これまでSelenium2について知らな...</p><p><a href="https://b.hatena.ne.jp/entry/s/codezine.jp/article/detail/7427"><img src="https://b.hatena.ne.jp/entry/image/https://codezine.jp/article/detail/7427" alt="はてなブックマーク - さよなら手作業・人海戦術！ HTML5時代のツール「Selenium2」でWebシステムのテストを自動化" title="はてなブックマーク - さよなら手作業・人海戦術！ HTML5時代のツール「Selenium2」でWebシステムのテストを自動化" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codezine.jp/article/detail/7427"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://1000ch.net/2013/08/01/FrontendCodingEnvironment/ aidiary 2013-08-01T21:45:47Z HTML 292 <blockquote cite="http://1000ch.net/2013/08/01/FrontendCodingEnvironment/" title="一歩進んだHTML/CSS/JSを目指すために | 1000ch.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2F1000ch.net%2F2013%2F08%2F01%2FFrontendCodingEnvironment%2F" alt="" /> <a href="http://1000ch.net/2013/08/01/FrontendCodingEnvironment/">一歩進んだHTML/CSS/JSを目指すために | 1000ch.net</a></cite><p><a href="http://1000ch.net/2013/08/01/FrontendCodingEnvironment/"><img src="" alt="一歩進んだHTML/CSS/JSを目指すために | 1000ch.net" title="一歩進んだHTML/CSS/JSを目指すために | 1000ch.net" class="entry-image" /></a></p><p>2013/08/01 一歩進んだHTML/CSS/JSを目指すために 「なんとなく書きたくないけど、どう意識してコーディングしていけばいいのかわからない…。」 それを解消するためのツールがありますので、紹介します。 HTMLInspector philipwalton/html-inspector Introducing HTML Inspector こちらはHTMLを解析して悪いところを指摘...</p><p><a href="https://b.hatena.ne.jp/entry/1000ch.net/2013/08/01/FrontendCodingEnvironment/"><img src="https://b.hatena.ne.jp/entry/image/http://1000ch.net/2013/08/01/FrontendCodingEnvironment/" alt="はてなブックマーク - 一歩進んだHTML/CSS/JSを目指すために | 1000ch.net" title="はてなブックマーク - 一歩進んだHTML/CSS/JSを目指すために | 1000ch.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/1000ch.net/2013/08/01/FrontendCodingEnvironment/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://html5experts.jp/ aidiary 2013-07-10T08:35:21Z HTML 670 <blockquote cite="https://html5experts.jp/" title="HTML5Experts.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhtml5experts.jp%2F" alt="" /> <a href="https://html5experts.jp/">HTML5Experts.jp</a></cite><p><a href="https://html5experts.jp/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dc5a54a64f99971980c5802d9e7d242970d89036/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhtml5experts.jp%2Fwp-content%2Fthemes%2Fpc-templ%2Fimg%2Fogp.jpg" alt="HTML5Experts.jp" title="HTML5Experts.jp" class="entry-image" /></a></p><p>進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...</p><p><a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/"><img src="https://b.hatena.ne.jp/entry/image/https://html5experts.jp/" alt="はてなブックマーク - HTML5Experts.jp" title="はてなブックマーク - HTML5Experts.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://pixelflips.com/blog/anchor-links-with-a-fixed-header Fixedのヘッダーがあるとページ内にリンクをはったとき移動先がずれる問題を解決。完璧！ aidiary 2013-07-05T02:13:06Z HTML 1 <blockquote cite="https://pixelflips.com/blog/anchor-links-with-a-fixed-header" title="Offsetting Anchor Links with a Fixed Header"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpixelflips.com%2Fblog%2Fanchor-links-with-a-fixed-header" alt="" /> <a href="https://pixelflips.com/blog/anchor-links-with-a-fixed-header">Offsetting Anchor Links with a Fixed Header</a></cite><p><a href="https://pixelflips.com/blog/anchor-links-with-a-fixed-header"><img src="" alt="Offsetting Anchor Links with a Fixed Header" title="Offsetting Anchor Links with a Fixed Header" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/pixelflips.com/blog/anchor-links-with-a-fixed-header"><img src="https://b.hatena.ne.jp/entry/image/https://pixelflips.com/blog/anchor-links-with-a-fixed-header" alt="はてなブックマーク - Offsetting Anchor Links with a Fixed Header" title="はてなブックマーク - Offsetting Anchor Links with a Fixed Header" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/pixelflips.com/blog/anchor-links-with-a-fixed-header"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://yanagia.hatenadiary.org/entry/20100226/1267193521 ソースも見られるので後で勉強したい aidiary 2013-06-23T07:51:04Z JavaScript HTML 59 <blockquote cite="https://yanagia.hatenadiary.org/entry/20100226/1267193521" title="Webブラウザで動画編集！ - Yanagi Entertainment"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fyanagia.hatenadiary.org%2Fentry%2F20100226%2F1267193521" alt="" /> <a href="https://yanagia.hatenadiary.org/entry/20100226/1267193521">Webブラウザで動画編集！ - Yanagi Entertainment</a></cite><p><a href="https://yanagia.hatenadiary.org/entry/20100226/1267193521"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5411818145faa9223f98320497f64614a22b5b68/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fac85087fa68621aa6b012fb51f11a83a7d5e2f11%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fy%252Fyanagia%252F20100226%252F20100226215915.png" alt="Webブラウザで動画編集！ - Yanagi Entertainment" title="Webブラウザで動画編集！ - Yanagi Entertainment" class="entry-image" /></a></p><p>html5で videoの任意のフレームをcanvasに描画するメモ - 超自己満足プログラミング http://d.hatena.ne.jp/favril/20100225/1267099197 昨日この記事を見て、これはすごい！　すごいすごい！　ってなって、これができるんならWebブラウザだけで動画編集できるんじゃね？　と思ったりしたので、ざっくり作ってみました。...</p><p><a href="https://b.hatena.ne.jp/entry/s/yanagia.hatenadiary.org/entry/20100226/1267193521"><img src="https://b.hatena.ne.jp/entry/image/https://yanagia.hatenadiary.org/entry/20100226/1267193521" alt="はてなブックマーク - Webブラウザで動画編集！ - Yanagi Entertainment" title="はてなブックマーク - Webブラウザで動画編集！ - Yanagi Entertainment" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/yanagia.hatenadiary.org/entry/20100226/1267193521"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://darcyclarke.me/design/skin-your-chrome-inspector/ Chrome Developer Toolsのフォントを変える。Macの場合はmountain-lionにする aidiary 2013-04-29T01:15:48Z HTML 15 <blockquote cite="http://darcyclarke.me/design/skin-your-chrome-inspector/" title="Skin your Chrome Inspector"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdarcyclarke.me%2Fdesign%2Fskin-your-chrome-inspector%2F" alt="" /> <a href="http://darcyclarke.me/design/skin-your-chrome-inspector/">Skin your Chrome Inspector</a></cite><p><a href="http://darcyclarke.me/design/skin-your-chrome-inspector/"><img src="" alt="Skin your Chrome Inspector" title="Skin your Chrome Inspector" class="entry-image" /></a></p><p>Ever want to change the look of your Google Chrome Web Inspector? I personally love being able to customize the “theme” or “brush” of my favorite IDE and my Web Inspector is no different. If you’ve ever done some snooping around Google Chrome’s Web Inspector you may have noticed that it’s made of...</p><p><a href="https://b.hatena.ne.jp/entry/darcyclarke.me/design/skin-your-chrome-inspector/"><img src="https://b.hatena.ne.jp/entry/image/http://darcyclarke.me/design/skin-your-chrome-inspector/" alt="はてなブックマーク - Skin your Chrome Inspector" title="はてなブックマーク - Skin your Chrome Inspector" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/darcyclarke.me/design/skin-your-chrome-inspector/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://knoh.jp/answers/b477f283fb_comment_idfbc_187365598082068_558711_187762901375671/ aidiary 2013-04-25T23:03:50Z HTML 366 <blockquote cite="https://knoh.jp/answers/b477f283fb_comment_idfbc_187365598082068_558711_187762901375671/" title="なぜ Mozilla 以外のブラウザでも &quot;Mozilla&quot; がユーザーエージェントに含まれているの？ - Knoh (ノウ) | The Knowledge Hub"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fknoh.jp%2Fanswers%2Fb477f283fb_comment_idfbc_187365598082068_558711_187762901375671%2F" alt="" /> <a href="https://knoh.jp/answers/b477f283fb_comment_idfbc_187365598082068_558711_187762901375671/">なぜ Mozilla 以外のブラウザでも &quot;Mozilla&quot; がユーザーエージェントに含まれているの？ - Knoh (ノウ) | The Knowledge Hub</a></cite><p><a href="https://knoh.jp/answers/b477f283fb_comment_idfbc_187365598082068_558711_187762901375671/"><img src="" alt="なぜ Mozilla 以外のブラウザでも &quot;Mozilla&quot; がユーザーエージェントに含まれているの？ - Knoh (ノウ) | The Knowledge Hub" title="なぜ Mozilla 以外のブラウザでも &quot;Mozilla&quot; がユーザーエージェントに含まれているの？ - Knoh (ノウ) | The Knowledge Hub" class="entry-image" /></a></p><p>これは、とても歴史的な話で、僕たちの知っている現在の “Mozilla” よりも時はさかのぼる (とはいえ、現在の Mozilla もその精神を受け継ぐ末裔だ)。 質問をブレイクダウンしよう: 最初に: この文脈でいう “mozilla” はなにを指すのか？ ヒント: それは Mozilla Corporation や Mozilla Foundation のことではなく、Geck...</p><p><a href="https://b.hatena.ne.jp/entry/s/knoh.jp/answers/b477f283fb_comment_idfbc_187365598082068_558711_187762901375671/"><img src="https://b.hatena.ne.jp/entry/image/https://knoh.jp/answers/b477f283fb_comment_idfbc_187365598082068_558711_187762901375671/" alt="はてなブックマーク - なぜ Mozilla 以外のブラウザでも &quot;Mozilla&quot; がユーザーエージェントに含まれているの？ - Knoh (ノウ) | The Knowledge Hub" title="はてなブックマーク - なぜ Mozilla 以外のブラウザでも &quot;Mozilla&quot; がユーザーエージェントに含まれているの？ - Knoh (ノウ) | The Knowledge Hub" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/knoh.jp/answers/b477f283fb_comment_idfbc_187365598082068_558711_187762901375671/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.slideshare.net/slideshow/webepub3epub-3html5/19151951 aidiary 2013-04-19T22:32:55Z HTML 電子書籍 153 <blockquote cite="https://www.slideshare.net/slideshow/webepub3epub-3html5/19151951" title="レスポンシブWebデザインとEPUB3の最新動向／EPUB 3とHTML5"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fwebepub3epub-3html5%2F19151951" alt="" /> <a href="https://www.slideshare.net/slideshow/webepub3epub-3html5/19151951">レスポンシブWebデザインとEPUB3の最新動向／EPUB 3とHTML5</a></cite><p><a href="https://www.slideshare.net/slideshow/webepub3epub-3html5/19151951"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f55e98441389459b781b2943c6849537705109b6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fjagat20130419fin-130419064804-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="レスポンシブWebデザインとEPUB3の最新動向／EPUB 3とHTML5" title="レスポンシブWebデザインとEPUB3の最新動向／EPUB 3とHTML5" class="entry-image" /></a></p><p>レスポンシブWebデザインとEPUB3の最新動向 EPUB 3とHTML5 2013年04月19日(金) 14:00-16:00 日本印刷技術協会　3Fセミナールーム http://www.jagat.jp/content/view/4835/395/</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/webepub3epub-3html5/19151951"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/webepub3epub-3html5/19151951" alt="はてなブックマーク - レスポンシブWebデザインとEPUB3の最新動向／EPUB 3とHTML5" title="はてなブックマーク - レスポンシブWebデザインとEPUB3の最新動向／EPUB 3とHTML5" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/webepub3epub-3html5/19151951"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://sanjyu.jp/blog/css-loginform/ ログインフォームのデザイン aidiary 2013-04-18T08:14:22Z HTML 2 <blockquote cite="http://sanjyu.jp/blog/css-loginform/" title="CSSでログインフォームをつくってみる"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsanjyu.jp%2Fblog%2Fcss-loginform%2F" alt="" /> <a href="http://sanjyu.jp/blog/css-loginform/">CSSでログインフォームをつくってみる</a></cite><p><a href="http://sanjyu.jp/blog/css-loginform/"><img src="" alt="CSSでログインフォームをつくってみる" title="CSSでログインフォームをつくってみる" class="entry-image" /></a></p><p>CSSでログインフォームを弄ったことが少ないのでやってみました。デザインを変えたいと思いながらも、デフォルトのまま使ってしまうことが多いコメントフォームなどのフォームのデザイン。この記事ではそのフォームのデザインをCSSジェネレーターで簡単に作ってしまいます。 完成図はこんな感じ。 HTMLの構造は以下の通...</p><p><a href="https://b.hatena.ne.jp/entry/sanjyu.jp/blog/css-loginform/"><img src="https://b.hatena.ne.jp/entry/image/http://sanjyu.jp/blog/css-loginform/" alt="はてなブックマーク - CSSでログインフォームをつくってみる" title="はてなブックマーク - CSSでログインフォームをつくってみる" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/sanjyu.jp/blog/css-loginform/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://catswhocode.com/development/html-audio-tag/ soundmanager2以外にもたくさんある aidiary 2013-04-15T00:35:05Z HTML JavaScript 5 <blockquote cite="https://catswhocode.com/development/html-audio-tag/" title="Mastering The HTML &lt;audio&gt; Tag"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcatswhocode.com%2Fdevelopment%2Fhtml-audio-tag%2F" alt="" /> <a href="https://catswhocode.com/development/html-audio-tag/">Mastering The HTML &lt;audio&gt; Tag</a></cite><p><a href="https://catswhocode.com/development/html-audio-tag/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/22dbe1013889aefea7933e1b6d4cf5f8dc2cd3e7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcatswhocode.com%2Fwp-content%2Fuploads%2F2024%2F11%2FHTML5-audio-tag.png" alt="Mastering The HTML &lt;audio&gt; Tag" title="Mastering The HTML &lt;audio&gt; Tag" class="entry-image" /></a></p><p>As of 2020, &lt;audio&gt; is widely supported among modern browsers. Internet Explorer 8 doesn’t support it, as well as earlier versions.&lt;audio&gt; can be used to play sound files in the following formats: .mp3: Supported by all modern browsers..wav: Not supported by Internet Explorer..ogg: Not supported ...</p><p><a href="https://b.hatena.ne.jp/entry/s/catswhocode.com/development/html-audio-tag/"><img src="https://b.hatena.ne.jp/entry/image/https://catswhocode.com/development/html-audio-tag/" alt="はてなブックマーク - Mastering The HTML &lt;audio&gt; Tag" title="はてなブックマーク - Mastering The HTML &lt;audio&gt; Tag" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/catswhocode.com/development/html-audio-tag/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://html5-demos.appspot.com/ aidiary 2013-04-14T22:08:15Z HTML 16 <blockquote cite="http://html5-demos.appspot.com/" title="HTML5 Demos"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhtml5-demos.appspot.com%2F" alt="" /> <a href="http://html5-demos.appspot.com/">HTML5 Demos</a></cite><p><a href="http://html5-demos.appspot.com/"><img src="" alt="HTML5 Demos" title="HTML5 Demos" class="entry-image" /></a></p><p>Google Hangouts Chat web component: &lt;hangout-chat&gt; Screensharing with getUserMedia() &lt;gangnam-style&gt; web component ShadowDOM Visualizer Animate a background using &lt;canvas&gt; as the source Create .webm from getUserMedia() Sticky Blog Titles Image Importer using Folder Drag &amp; Drop &quot;Holy Grail&quot; of App...</p><p><a href="https://b.hatena.ne.jp/entry/html5-demos.appspot.com/"><img src="https://b.hatena.ne.jp/entry/image/http://html5-demos.appspot.com/" alt="はてなブックマーク - HTML5 Demos" title="はてなブックマーク - HTML5 Demos" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/html5-demos.appspot.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://css-tricks.com/can-we-prevent-css-caching/ FirefoxでCSSのキャッシュを無効にする方法。開発中は助かる。 aidiary 2013-04-04T07:56:58Z HTML 1 <blockquote cite="https://css-tricks.com/can-we-prevent-css-caching/" title="Can We Prevent CSS Caching? | CSS-Tricks"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcss-tricks.com%2Fcan-we-prevent-css-caching%2F" alt="" /> <a href="https://css-tricks.com/can-we-prevent-css-caching/">Can We Prevent CSS Caching? | CSS-Tricks</a></cite><p><a href="https://css-tricks.com/can-we-prevent-css-caching/"><img src="" alt="Can We Prevent CSS Caching? | CSS-Tricks" title="Can We Prevent CSS Caching? | CSS-Tricks" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/css-tricks.com/can-we-prevent-css-caching/"><img src="https://b.hatena.ne.jp/entry/image/https://css-tricks.com/can-we-prevent-css-caching/" alt="はてなブックマーク - Can We Prevent CSS Caching? | CSS-Tricks" title="はてなブックマーク - Can We Prevent CSS Caching? | CSS-Tricks" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/css-tricks.com/can-we-prevent-css-caching/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://webdesignrecipes.com/ CSSやjQueryの良記事多数。全部読みたい。 aidiary 2013-04-03T07:24:59Z HTML jQuery UI 1427 <blockquote cite="http://webdesignrecipes.com/" title="さくらのレンタルサーバ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebdesignrecipes.com%2F" alt="" /> <a href="http://webdesignrecipes.com/">さくらのレンタルサーバ</a></cite><p><a href="http://webdesignrecipes.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/09f002694a2664675195f2850e895cbca8acea33/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwebdesignrecipes.com%2Fwp-content%2Fuploads%2F2012%2F12%2Feyecatch-160.jpg" alt="さくらのレンタルサーバ" title="さくらのレンタルサーバ" class="entry-image" /></a></p><p>レンタルサーバなら「さくらのレンタルサーバ」！ 月額換算でわずか131円、缶ジュース1本分のお値段で使える格安プランから、ビジネスにも使える多機能＆大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるの...</p><p><a href="https://b.hatena.ne.jp/entry/webdesignrecipes.com/"><img src="https://b.hatena.ne.jp/entry/image/http://webdesignrecipes.com/" alt="はてなブックマーク - さくらのレンタルサーバ" title="はてなブックマーク - さくらのレンタルサーバ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/webdesignrecipes.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://webdesignrecipes.com/css-visual-formating-model/ aidiary 2013-04-03T03:46:45Z HTML 2862 <blockquote cite="http://webdesignrecipes.com/css-visual-formating-model/" title="CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebdesignrecipes.com%2Fcss-visual-formating-model%2F" alt="" /> <a href="http://webdesignrecipes.com/css-visual-formating-model/">CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ</a></cite><p><a href="http://webdesignrecipes.com/css-visual-formating-model/"><img src="" alt="CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ" title="CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ" class="entry-image" /></a></p><p>最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまと...</p><p><a href="https://b.hatena.ne.jp/entry/webdesignrecipes.com/css-visual-formating-model/"><img src="https://b.hatena.ne.jp/entry/image/http://webdesignrecipes.com/css-visual-formating-model/" alt="はてなブックマーク - CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ" title="はてなブックマーク - CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/webdesignrecipes.com/css-visual-formating-model/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://blog.quusookagaku.com/wordpress/12396/ aidiary 2013-03-29T08:52:04Z HTML 450 <blockquote cite="http://blog.quusookagaku.com/wordpress/12396/" title="quusookagaku.com - quusookagaku リソースおよび情報"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.quusookagaku.com%2Fwordpress%2F12396%2F" alt="" /> <a href="http://blog.quusookagaku.com/wordpress/12396/">quusookagaku.com - quusookagaku リソースおよび情報</a></cite><p><a href="http://blog.quusookagaku.com/wordpress/12396/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/73c946f9d2c5b9543a1822f74cd57159ada89ab0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fprasm.blog%2Fwp-content%2Fuploads%2F2012%2F07%2F2012-7-9.jpg" alt="quusookagaku.com - quusookagaku リソースおよび情報" title="quusookagaku.com - quusookagaku リソースおよび情報" class="entry-image" /></a></p><p>This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.</p><p><a href="https://b.hatena.ne.jp/entry/blog.quusookagaku.com/wordpress/12396/"><img src="https://b.hatena.ne.jp/entry/image/http://blog.quusookagaku.com/wordpress/12396/" alt="はてなブックマーク - quusookagaku.com - quusookagaku リソースおよび情報" title="はてなブックマーク - quusookagaku.com - quusookagaku リソースおよび情報" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.quusookagaku.com/wordpress/12396/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.yoheim.net/blog.php?q=20121013 aidiary 2013-03-29T06:15:47Z HTML 3 <blockquote cite="https://www.yoheim.net/blog.php?q=20121013" title="[CSS] 指定横幅を超えたら、テキストを「・・・」で省略するCSSの書き方 - YoheiM .NET"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.yoheim.net%2Fblog.php%3Fq%3D20121013" alt="" /> <a href="https://www.yoheim.net/blog.php?q=20121013">[CSS] 指定横幅を超えたら、テキストを「・・・」で省略するCSSの書き方 - YoheiM .NET</a></cite><p><a href="https://www.yoheim.net/blog.php?q=20121013"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0609fe9afd429321cb6c8182dc85a3a12202990b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F169.jpg" alt="[CSS] 指定横幅を超えたら、テキストを「・・・」で省略するCSSの書き方 - YoheiM .NET" title="[CSS] 指定横幅を超えたら、テキストを「・・・」で省略するCSSの書き方 - YoheiM .NET" class="entry-image" /></a></p><p>こんにちは、@yoheiMuneです。 こんなCSSあるんだーとビックリしたものの一つで、 指定よ小幅を超えたら文字を「・・・」で省略することができるCSSを紹介したいと思います(*´∇｀*) 横幅を超えたら文字を「・・・」で省略するCSS これを実現するために、「text-overflow」というCSSを利用します。 .userName {text-overf...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.yoheim.net/blog.php?q=20121013"><img src="https://b.hatena.ne.jp/entry/image/https://www.yoheim.net/blog.php?q=20121013" alt="はてなブックマーク - [CSS] 指定横幅を超えたら、テキストを「・・・」で省略するCSSの書き方 - YoheiM .NET" title="はてなブックマーク - [CSS] 指定横幅を超えたら、テキストを「・・・」で省略するCSSの書き方 - YoheiM .NET" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.yoheim.net/blog.php?q=20121013"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://w3q.jp/t/3653 aidiary 2013-03-09T11:08:12Z HTML 68 <blockquote cite="http://w3q.jp/t/3653" title="HTML5を最初に学ぶのに良い書籍やサイトがあれば紹介せよ。"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fw3q.jp%2Ft%2F3653" alt="" /> <a href="http://w3q.jp/t/3653">HTML5を最初に学ぶのに良い書籍やサイトがあれば紹介せよ。</a></cite><p><a href="http://w3q.jp/t/3653"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4bdf4ea4467aa3c28c1c6034628c3fdca531f721/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fw3q.jp%2Farchive_static%2Fimage%2Fweb%2Fog-image.png" alt="HTML5を最初に学ぶのに良い書籍やサイトがあれば紹介せよ。" title="HTML5を最初に学ぶのに良い書籍やサイトがあれば紹介せよ。" class="entry-image" /></a></p><p>これからもhtml5関連の書籍はたくさん出てくるだろうけど、web系書籍の中でも特にhtml5関連は、一瞬で古くなるから、出す方も買う方もとても悩ましい。一年前の書籍なんてブラウザ対応がまるで違うし、chromeひとつとってもバージョンが5つくらいは違う。html5が勧告の段階だというのを考えると、なるべくwebで情報集め...</p><p><a href="https://b.hatena.ne.jp/entry/w3q.jp/t/3653"><img src="https://b.hatena.ne.jp/entry/image/http://w3q.jp/t/3653" alt="はてなブックマーク - HTML5を最初に学ぶのに良い書籍やサイトがあれば紹介せよ。" title="はてなブックマーク - HTML5を最初に学ぶのに良い書籍やサイトがあれば紹介せよ。" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/w3q.jp/t/3653"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.moongift.jp/2013/03/20130308/ aidiary 2013-03-08T03:25:17Z HTML 32 <blockquote cite="https://www.moongift.jp/2013/03/20130308/" title="レガシーなWebブラウザを救済。CanvasをHTML5で描画·FlashCanvas MOONGIFT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2013%2F03%2F20130308%2F" alt="" /> <a href="https://www.moongift.jp/2013/03/20130308/">レガシーなWebブラウザを救済。CanvasをHTML5で描画·FlashCanvas MOONGIFT</a></cite><p><a href="https://www.moongift.jp/2013/03/20130308/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fc1a9d7e1d7b6d6de6c32fa63dbbc8b9ad04ec29/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fmoongift%2Fattaches%2F9349%2Flist.%3F1361942776" alt="レガシーなWebブラウザを救済。CanvasをHTML5で描画·FlashCanvas MOONGIFT" title="レガシーなWebブラウザを救済。CanvasをHTML5で描画·FlashCanvas MOONGIFT" class="entry-image" /></a></p><p>FlashCanvasはCanvasタグをFlashを使って描画するライブラリです。 HTML5の仕様に入っているCanvasですが、便利な機能である反面レガシなーブラウザに対応できないために利用を躊躇してしまっている人も多いのではないかと思います。そこで使ってみて欲しいのがFlashCanvasです。 Flotのグラフを表示した例。 多彩なグラ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2013/03/20130308/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2013/03/20130308/" alt="はてなブックマーク - レガシーなWebブラウザを救済。CanvasをHTML5で描画·FlashCanvas MOONGIFT" title="はてなブックマーク - レガシーなWebブラウザを救済。CanvasをHTML5で描画·FlashCanvas MOONGIFT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2013/03/20130308/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>