https://b.hatena.ne.jp/gratt/html/ htmlに関するgrattのはてなブックマーク (11) https://www.slideshare.net/slideshow/ss-46149727/46149727 gratt 2015-03-25T15:17:44Z パフォーマンス web制作 html <blockquote cite="https://www.slideshare.net/slideshow/ss-46149727/46149727" title="ウェブパフォーマンスの基礎とこれから"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fss-46149727%2F46149727" alt="" /> <a href="https://www.slideshare.net/slideshow/ss-46149727/46149727">ウェブパフォーマンスの基礎とこれから</a></cite><p><a href="https://www.slideshare.net/slideshow/ss-46149727/46149727"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/322a741aa1f670ed4aa591e563eba3ec2a865ced/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fslide-150322200123-conversion-gate01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="ウェブパフォーマンスの基礎とこれから" title="ウェブパフォーマンスの基礎とこれから" class="entry-image" /></a></p><p>ウェブパフォーマンスの基礎と今後の動向について、Web標準周りを中心に解説しています。GREEのMini Tech Talkで発表時の資料です。</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/ss-46149727/46149727"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/ss-46149727/46149727" alt="はてなブックマーク - ウェブパフォーマンスの基礎とこれから" title="はてなブックマーク - ウェブパフォーマンスの基礎とこれから" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/ss-46149727/46149727"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1086 https://html5experts.jp/tag/navigation-timing/ gratt 2015-03-25T15:05:24Z html パフォーマンス <blockquote cite="https://html5experts.jp/tag/navigation-timing/" title="HTML5Experts.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhtml5experts.jp%2Ftag%2Fnavigation-timing%2F" alt="" /> <a href="https://html5experts.jp/tag/navigation-timing/">HTML5Experts.jp</a></cite><p><a href="https://html5experts.jp/tag/navigation-timing/"><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>Navigation Timingだからできる、Webアプリを俯瞰したパフォーマンス計測(3/3) 川田寛 連載： パフォーマンスチューニング (11)いよいよHTMLドキュメントのダウンロードと、画面上への表示です。この動作の仕組みから、TATの「終了」がいつなのかを追ってみましょう。「終了」についてはかなり奥が深く、Web...</p><p><a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/tag/navigation-timing/"><img src="https://b.hatena.ne.jp/entry/image/https://html5experts.jp/tag/navigation-timing/" alt="はてなブックマーク - HTML5Experts.jp" title="はてなブックマーク - HTML5Experts.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/tag/navigation-timing/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://dqn.sakusakutto.jp/2013/05/script_src_http.html gratt 2013-05-19T09:11:10Z HTML Web <blockquote cite="https://dqn.sakusakutto.jp/2013/05/script_src_http.html" title="いい加減、&lt;script src=&quot;http://..　と書くのはやめましょう - DQNEO起業日記"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdqn.sakusakutto.jp%2F2013%2F05%2Fscript_src_http.html" alt="" /> <a href="https://dqn.sakusakutto.jp/2013/05/script_src_http.html">いい加減、&lt;script src=&quot;http://..　と書くのはやめましょう - DQNEO起業日記</a></cite><p><a href="https://dqn.sakusakutto.jp/2013/05/script_src_http.html"><img src="" alt="いい加減、&lt;script src=&quot;http://..　と書くのはやめましょう - DQNEO起業日記" title="いい加減、&lt;script src=&quot;http://..　と書くのはやめましょう - DQNEO起業日記" class="entry-image" /></a></p><p>外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 &lt;script src=&quot;http://example.com/js/jquery.js&quot;&gt;&lt;/script&gt; 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、...</p><p><a href="https://b.hatena.ne.jp/entry/s/dqn.sakusakutto.jp/2013/05/script_src_http.html"><img src="https://b.hatena.ne.jp/entry/image/https://dqn.sakusakutto.jp/2013/05/script_src_http.html" alt="はてなブックマーク - いい加減、&lt;script src=&quot;http://..　と書くのはやめましょう - DQNEO起業日記" title="はてなブックマーク - いい加減、&lt;script src=&quot;http://..　と書くのはやめましょう - DQNEO起業日記" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/dqn.sakusakutto.jp/2013/05/script_src_http.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 760 https://www.slideshare.net/slideshow/ss-14105933/14105933 イイヨー gratt 2012-09-02T10:55:59Z html development Programming 管理 <blockquote cite="https://www.slideshare.net/slideshow/ss-14105933/14105933" title="アプリ開発を効率化する 方法あれこれ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fss-14105933%2F14105933" alt="" /> <a href="https://www.slideshare.net/slideshow/ss-14105933/14105933">アプリ開発を効率化する 方法あれこれ</a></cite><p><a href="https://www.slideshare.net/slideshow/ss-14105933/14105933"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fdf0fcea964a0673226cc0cfbf5a8e699fe37f85/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Frandom-120829064419-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="アプリ開発を効率化する 方法あれこれ" title="アプリ開発を効率化する 方法あれこれ" class="entry-image" /></a></p><p>Test-Driven Development for [Embedded] C by James Grenning at Agile Japan 2013</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/ss-14105933/14105933"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/ss-14105933/14105933" alt="はてなブックマーク - アプリ開発を効率化する 方法あれこれ" title="はてなブックマーク - アプリ開発を効率化する 方法あれこれ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/ss-14105933/14105933"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 380 http://design.kayac.com/topics/2011/12/spec-css.php gratt 2011-12-16T14:04:25Z css html <blockquote cite="http://design.kayac.com/topics/2011/12/spec-css.php" title="CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdesign.kayac.com%2Ftopics%2F2011%2F12%2Fspec-css.php" alt="" /> <a href="http://design.kayac.com/topics/2011/12/spec-css.php">CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件</a></cite><p><a href="http://design.kayac.com/topics/2011/12/spec-css.php"><img src="" alt="CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件" title="CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件" class="entry-image" /></a></p><p>jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…！」と心配していたのも杞憂に終わり、続々とすごい作品が投稿され...</p><p><a href="https://b.hatena.ne.jp/entry/design.kayac.com/topics/2011/12/spec-css.php"><img src="https://b.hatena.ne.jp/entry/image/http://design.kayac.com/topics/2011/12/spec-css.php" alt="はてなブックマーク - CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件" title="はてなブックマーク - CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/design.kayac.com/topics/2011/12/spec-css.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 489 http://gamebusiness.jp/article.php?id=2919 gratt 2011-01-21T06:29:39Z html javascript 開発 <blockquote cite="http://gamebusiness.jp/article.php?id=2919" title="DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fgamebusiness.jp%2Farticle.php%3Fid%3D2919" alt="" /> <a href="http://gamebusiness.jp/article.php?id=2919">DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp</a></cite><p><a href="http://gamebusiness.jp/article.php?id=2919"><img src="" alt="DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp" title="DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp" class="entry-image" /></a></p><p>スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なのですが、HTML5となるとまだ十分とは言えません。この資料は...</p><p><a href="https://b.hatena.ne.jp/entry/gamebusiness.jp/article.php?id=2919"><img src="https://b.hatena.ne.jp/entry/image/http://gamebusiness.jp/article.php?id=2919" alt="はてなブックマーク - DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp" title="はてなブックマーク - DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/gamebusiness.jp/article.php?id=2919"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 10 http://blog.gaspanik.com/the-first-zen-coding-book-published gratt 2010-11-26T08:37:21Z html web制作 <blockquote cite="http://blog.gaspanik.com/the-first-zen-coding-book-published" title="世界初？のZen Coding本が発売されました | gaspanik weblog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.gaspanik.com%2Fthe-first-zen-coding-book-published" alt="" /> <a href="http://blog.gaspanik.com/the-first-zen-coding-book-published">世界初？のZen Coding本が発売されました | gaspanik weblog</a></cite><p><a href="http://blog.gaspanik.com/the-first-zen-coding-book-published"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0644e310a96fe464b4df8d6c06fc00e012933487/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fblog.gaspanik.com%2Fwp-content%2Fuploads%2F2010%2F11%2Fzen-coding-book.jpg" alt="世界初？のZen Coding本が発売されました | gaspanik weblog" title="世界初？のZen Coding本が発売されました | gaspanik weblog" class="entry-image" /></a></p><p>今年の頭に一部で話題になったZen Coding、多くの方がブログに解説を書いて下さっているので目にした方も多いかもしれません。そのZen Codingの世界初となる解説本「HTML+CSSコーディングが10倍速くなる Zen Coding」が本日11月26日に発売されました。 今回は共著者として、「Dreamweaver Town Meeting in Tokyo」で同じ...</p><p><a href="https://b.hatena.ne.jp/entry/blog.gaspanik.com/the-first-zen-coding-book-published"><img src="https://b.hatena.ne.jp/entry/image/http://blog.gaspanik.com/the-first-zen-coding-book-published" alt="はてなブックマーク - 世界初？のZen Coding本が発売されました | gaspanik weblog" title="はてなブックマーク - 世界初？のZen Coding本が発売されました | gaspanik weblog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.gaspanik.com/the-first-zen-coding-book-published"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 46 http://yoppa.org/taumedia10/1695.html 人に教えるのに役立つ。 gratt 2010-10-04T08:34:12Z html web制作 <blockquote cite="http://yoppa.org/taumedia10/1695.html" title="HTML5+CSS3 入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fyoppa.org%2Ftaumedia10%2F1695.html" alt="" /> <a href="http://yoppa.org/taumedia10/1695.html">HTML5+CSS3 入門</a></cite><p><a href="http://yoppa.org/taumedia10/1695.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3f185e29d7f60e173e6e22ba5e4460c303f924bb/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Flh6.ggpht.com%2F_S9tCNvdm3tU%2FTKWh3-vB5TI%2FAAAAAAAAEQY%2FTbdjAE1SGBc%2Fs400%2Flayout_plan.png" alt="HTML5+CSS3 入門" title="HTML5+CSS3 入門" class="entry-image" /></a></p><p>Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつありま...</p><p><a href="https://b.hatena.ne.jp/entry/yoppa.org/taumedia10/1695.html"><img src="https://b.hatena.ne.jp/entry/image/http://yoppa.org/taumedia10/1695.html" alt="はてなブックマーク - HTML5+CSS3 入門" title="はてなブックマーク - HTML5+CSS3 入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/yoppa.org/taumedia10/1695.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2161 https://coliss.com/articles/build-websites/operation/css/866.html リストのブラウザ差異を無くす gratt 2009-10-26T07:03:23Z html css <blockquote cite="https://coliss.com/articles/build-websites/operation/css/866.html" title="[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2F866.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/css/866.html">[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/css/866.html"><img src="" alt="[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス" title="[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス" class="entry-image" /></a></p><p>Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/866.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/css/866.html" alt="はてなブックマーク - [CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス" title="はてなブックマーク - [CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/866.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 705 http://old.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html gratt 2009-10-20T22:01:38Z css html web制作 <blockquote cite="http://old.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html" title="8 different ways to beautifully style your HTML lists with CSS"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fold.marcofolio.net%2Fcss%2F8_different_ways_to_beautifully_style_your_lists.html" alt="" /> <a href="http://old.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html">8 different ways to beautifully style your HTML lists with CSS</a></cite><p><a href="http://old.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html"><img src="" alt="8 different ways to beautifully style your HTML lists with CSS" title="8 different ways to beautifully style your HTML lists with CSS" class="entry-image" /></a></p><p>The use of HTML lists (&lt;ol&gt; for an ordered list, &lt;ul&gt; for an unordered list) is very common these days. Today, we&#39;re going to look a little bit further than creating regular lists, by showing 8 different ways to beautifully style your HTML lists with CSS. We&#39;ll use some pure CSS techniques to mak...</p><p><a href="https://b.hatena.ne.jp/entry/old.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html"><img src="https://b.hatena.ne.jp/entry/image/http://old.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html" alt="はてなブックマーク - 8 different ways to beautifully style your HTML lists with CSS" title="はてなブックマーク - 8 different ways to beautifully style your HTML lists with CSS" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/old.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 89 https://css-happylife.com/archives/2008/1112_2258.php gratt 2008-11-13T07:26:43Z html web制作 <blockquote cite="https://css-happylife.com/archives/2008/1112_2258.php" title="新規でサイトを作るのに使えそうなの一式。Ver 3"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcss-happylife.com%2Farchives%2F2008%2F1112_2258.php" alt="" /> <a href="https://css-happylife.com/archives/2008/1112_2258.php">新規でサイトを作るのに使えそうなの一式。Ver 3</a></cite><p><a href="https://css-happylife.com/archives/2008/1112_2258.php"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9f4351072aec94966bb45d5ccde06394ddaee786/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fcss-happylife.com%2Fimg%2Fshare%2Ficon_apple_touch.png" alt="新規でサイトを作るのに使えそうなの一式。Ver 3" title="新規でサイトを作るのに使えそうなの一式。Ver 3" class="entry-image" /></a></p><p>随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くな...</p><p><a href="https://b.hatena.ne.jp/entry/s/css-happylife.com/archives/2008/1112_2258.php"><img src="https://b.hatena.ne.jp/entry/image/https://css-happylife.com/archives/2008/1112_2258.php" alt="はてなブックマーク - 新規でサイトを作るのに使えそうなの一式。Ver 3" title="はてなブックマーク - 新規でサイトを作るのに使えそうなの一式。Ver 3" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/css-happylife.com/archives/2008/1112_2258.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 786