https://b.hatena.ne.jp/wavement/HTML/ HTMLに関するwavementのはてなブックマーク (19) http://re-dzine.net/2012/09/github-htmlcss-styleguide/ wavement 2012-09-12T07:47:28Z ガイドライン HTML CSS <blockquote cite="http://re-dzine.net/2012/09/github-htmlcss-styleguide/" title="re-dzine.net situs togel online toto 2023 -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fre-dzine.net%2F2012%2F09%2Fgithub-htmlcss-styleguide%2F" alt="" /> <a href="http://re-dzine.net/2012/09/github-htmlcss-styleguide/">re-dzine.net situs togel online toto 2023 -</a></cite><p><a href="http://re-dzine.net/2012/09/github-htmlcss-styleguide/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4d394f021b882e48d0ec571f4ac3a41b9773f514/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fre-dzine.net%2Fimg%2Fogp_square.png" alt="re-dzine.net situs togel online toto 2023 -" title="re-dzine.net situs togel online toto 2023 -" class="entry-image" /></a></p><p>By penulis • January 10, 2023 • comments off Sebelum langsung ke poin utama yaitu mengenai trik rahasia main togel online yang beneran udah terbukti gacor buat hasilkan kemenangan, kalian yang mungkin masih berstatus pemula di game…</p><p><a href="https://b.hatena.ne.jp/entry/re-dzine.net/2012/09/github-htmlcss-styleguide/"><img src="https://b.hatena.ne.jp/entry/image/http://re-dzine.net/2012/09/github-htmlcss-styleguide/" alt="はてなブックマーク - re-dzine.net situs togel online toto 2023 -" title="はてなブックマーク - re-dzine.net situs togel online toto 2023 -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/re-dzine.net/2012/09/github-htmlcss-styleguide/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 61 https://coliss.com/articles/build-websites/operation/work/5-useful-design-techniques-and-coding-solutions-for-web-designers.html wavement 2010-10-16T06:22:01Z HTML CSS Webデザイン <blockquote cite="https://coliss.com/articles/build-websites/operation/work/5-useful-design-techniques-and-coding-solutions-for-web-designers.html" title="ウェブデザイナーのための実用的なデザインとコーディングテクニック集"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2F5-useful-design-techniques-and-coding-solutions-for-web-designers.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/5-useful-design-techniques-and-coding-solutions-for-web-designers.html">ウェブデザイナーのための実用的なデザインとコーディングテクニック集</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/5-useful-design-techniques-and-coding-solutions-for-web-designers.html"><img src="" alt="ウェブデザイナーのための実用的なデザインとコーディングテクニック集" title="ウェブデザイナーのための実用的なデザインとコーディングテクニック集" class="entry-image" /></a></p><p>Five Useful Design Techniques and Coding Solutions For Web Designers [ad#ad-2] 下記は各ポイントを意訳したものです。 PHPはWordPressでのものとなっています。 1. 複数の項目がある棒グラフのエフェクト 2. ホバー時に追加情報を表示 3. カテゴリごとに異なるカラーを適用 4. ちょっと面白い画像のキャプション 5....</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/5-useful-design-techniques-and-coding-solutions-for-web-designers.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/5-useful-design-techniques-and-coding-solutions-for-web-designers.html" alt="はてなブックマーク - ウェブデザイナーのための実用的なデザインとコーディングテクニック集" title="はてなブックマーク - ウェブデザイナーのための実用的なデザインとコーディングテクニック集" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/5-useful-design-techniques-and-coding-solutions-for-web-designers.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 469 https://www.moongift.jp/2010/10/snoopy/ wavement 2010-10-06T03:24:16Z iPhone HTML <blockquote cite="https://www.moongift.jp/2010/10/snoopy/" title="iPhone/iPadで使えるHTMLソースビューワー·Snoopy MOONGIFT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2010%2F10%2Fsnoopy%2F" alt="" /> <a href="https://www.moongift.jp/2010/10/snoopy/">iPhone/iPadで使えるHTMLソースビューワー·Snoopy MOONGIFT</a></cite><p><a href="https://www.moongift.jp/2010/10/snoopy/"><img src="" alt="iPhone/iPadで使えるHTMLソースビューワー·Snoopy MOONGIFT" title="iPhone/iPadで使えるHTMLソースビューワー·Snoopy MOONGIFT" class="entry-image" /></a></p><p>SnoopyはJavaScript製のフリーウェア（ソースコードは公開されている）。iPadやiPhoneの最適化サイトを構築していて面倒なのが、HTMLソースの閲覧機能がないことだ。シミュレータですら閲覧できないのでデバッグがしづらい。ユーザエージェントを変えればPCからでも見られるが、完全に真似する訳ではない。 プロパティ ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2010/10/snoopy/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2010/10/snoopy/" alt="はてなブックマーク - iPhone/iPadで使えるHTMLソースビューワー·Snoopy MOONGIFT" title="はてなブックマーク - iPhone/iPadで使えるHTMLソースビューワー·Snoopy MOONGIFT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2010/10/snoopy/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 53 https://coliss.com/articles/build-websites/operation/work/blog-headings-structure.html wavement 2010-09-11T01:39:09Z HTML5 HTML <blockquote cite="https://coliss.com/articles/build-websites/operation/work/blog-headings-structure.html" title="ページの属性ごとに見出しの構造を変更するチュートリアル"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Fblog-headings-structure.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/blog-headings-structure.html">ページの属性ごとに見出しの構造を変更するチュートリアル</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/blog-headings-structure.html"><img src="" alt="ページの属性ごとに見出しの構造を変更するチュートリアル" title="ページの属性ごとに見出しの構造を変更するチュートリアル" class="entry-image" /></a></p><p>The heading structure for your blog 下記は各ポイントを意訳したものです。 はじめに HTMLの見出しの5つの基本原則 トップページのための見出し構造 記事ページやシングルページのための見出し構造 カテゴリやタグの一覧ページのための見出し構造 見出しとHTML5 はじめに ページの見出し構造はSEOの非常に重要な要因の...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/blog-headings-structure.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/blog-headings-structure.html" alt="はてなブックマーク - ページの属性ごとに見出しの構造を変更するチュートリアル" title="はてなブックマーク - ページの属性ごとに見出しの構造を変更するチュートリアル" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/blog-headings-structure.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 65 https://webtan.impress.co.jp/e/2010/04/07/7502 wavement 2010-05-05T08:55:01Z HTML <blockquote cite="https://webtan.impress.co.jp/e/2010/04/07/7502" title="クローラビリティを100点に仕上げてURLを検索エンジンに正しく伝える | Web担当者Forum"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebtan.impress.co.jp%2Fe%2F2010%2F04%2F07%2F7502" alt="" /> <a href="https://webtan.impress.co.jp/e/2010/04/07/7502">クローラビリティを100点に仕上げてURLを検索エンジンに正しく伝える | Web担当者Forum</a></cite><p><a href="https://webtan.impress.co.jp/e/2010/04/07/7502"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/520aa94ad0c37f2f0dce3fcc1be1220d5afba548/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2009%2Fseseo%2Fseseo_icon.jpg%3Fitok%3DIkD6Vti5" alt="クローラビリティを100点に仕上げてURLを検索エンジンに正しく伝える | Web担当者Forum" title="クローラビリティを100点に仕上げてURLを検索エンジンに正しく伝える | Web担当者Forum" class="entry-image" /></a></p><p>「検索から訪問」がなくなる？　2026年に求められる「AIに選ばれる」ための情報設計 3月25日 7:05</p><p><a href="https://b.hatena.ne.jp/entry/s/webtan.impress.co.jp/e/2010/04/07/7502"><img src="https://b.hatena.ne.jp/entry/image/https://webtan.impress.co.jp/e/2010/04/07/7502" alt="はてなブックマーク - クローラビリティを100点に仕上げてURLを検索エンジンに正しく伝える | Web担当者Forum" title="はてなブックマーク - クローラビリティを100点に仕上げてURLを検索エンジンに正しく伝える | Web担当者Forum" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/webtan.impress.co.jp/e/2010/04/07/7502"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 115 https://www.tagindex.com/ wavement 2010-05-02T00:33:03Z リファレンス HTML <blockquote cite="https://www.tagindex.com/" title="【HTMLタグの簡単検索】TAG index - ホームページ作成情報"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.tagindex.com%2F" alt="" /> <a href="https://www.tagindex.com/">【HTMLタグの簡単検索】TAG index - ホームページ作成情報</a></cite><p><a href="https://www.tagindex.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1387e1664ea5bb7d19a76f5d3bed2caa5a6651d6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.tagindex.com%2Fimage%2Fogp%2Fhome.png" alt="【HTMLタグの簡単検索】TAG index - ホームページ作成情報" title="【HTMLタグの簡単検索】TAG index - ホームページ作成情報" class="entry-image" /></a></p><p>ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基本 CSSプロパティ一覧［ABC順］ リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.tagindex.com/"><img src="https://b.hatena.ne.jp/entry/image/https://www.tagindex.com/" alt="はてなブックマーク - 【HTMLタグの簡単検索】TAG index - ホームページ作成情報" title="はてなブックマーク - 【HTMLタグの簡単検索】TAG index - ホームページ作成情報" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.tagindex.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2899 https://seojapan.com/column/column-2493/ wavement 2010-04-17T12:44:46Z HTML <blockquote cite="https://seojapan.com/column/column-2493/" title="target=”_blank” の正しい使い方講座 » SEO Japan"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fseojapan.com%2Fcolumn%2Fcolumn-2493%2F" alt="" /> <a href="https://seojapan.com/column/column-2493/">target=”_blank” の正しい使い方講座 » SEO Japan</a></cite><p><a href="https://seojapan.com/column/column-2493/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/07c76fc6c34776a37a5768cfab2b3f28e995464c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fseojapan.com%2Fwp-content%2Fuploads%2F2023%2F12%2Fogp.png" alt="target=”_blank” の正しい使い方講座 » SEO Japan" title="target=”_blank” の正しい使い方講座 » SEO Japan" class="entry-image" /></a></p><p>無料で資料をダウンロード SEOコンサルティングサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ 言われてみると、余り深く考えずに使っていたことってありますよね。この記事タイトルを見て、自...</p><p><a href="https://b.hatena.ne.jp/entry/s/seojapan.com/column/column-2493/"><img src="https://b.hatena.ne.jp/entry/image/https://seojapan.com/column/column-2493/" alt="はてなブックマーク - target=”_blank” の正しい使い方講座 » SEO Japan" title="はてなブックマーク - target=”_blank” の正しい使い方講座 » SEO Japan" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/seojapan.com/column/column-2493/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 79 https://coliss.com/articles/build-websites/operation/work/div-itis-and-class-itis-with-the-960-grid-system.html wavement 2010-04-03T11:23:35Z CSS HTML <blockquote cite="https://coliss.com/articles/build-websites/operation/work/div-itis-and-class-itis-with-the-960-grid-system.html" title="無駄なdiv要素やclassだらけのマークアップから卒業する方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Fdiv-itis-and-class-itis-with-the-960-grid-system.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/div-itis-and-class-itis-with-the-960-grid-system.html">無駄なdiv要素やclassだらけのマークアップから卒業する方法</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/div-itis-and-class-itis-with-the-960-grid-system.html"><img src="" alt="無駄なdiv要素やclassだらけのマークアップから卒業する方法" title="無駄なdiv要素やclassだらけのマークアップから卒業する方法" class="entry-image" /></a></p><p>グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/div-itis-and-class-itis-with-the-960-grid-system.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/div-itis-and-class-itis-with-the-960-grid-system.html" alt="はてなブックマーク - 無駄なdiv要素やclassだらけのマークアップから卒業する方法" title="はてなブックマーク - 無駄なdiv要素やclassだらけのマークアップから卒業する方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/div-itis-and-class-itis-with-the-960-grid-system.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 923 https://coliss.com/articles/build-websites/architectonics/usability/ultimate-guide-to-table-ui-patterns.html wavement 2010-03-02T13:44:23Z HTML Webデザイン <blockquote cite="https://coliss.com/articles/build-websites/architectonics/usability/ultimate-guide-to-table-ui-patterns.html" title="テーブルを見やすく、使いやすくするためのアルティメットガイド"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Farchitectonics%2Fusability%2Fultimate-guide-to-table-ui-patterns.html" alt="" /> <a href="https://coliss.com/articles/build-websites/architectonics/usability/ultimate-guide-to-table-ui-patterns.html">テーブルを見やすく、使いやすくするためのアルティメットガイド</a></cite><p><a href="https://coliss.com/articles/build-websites/architectonics/usability/ultimate-guide-to-table-ui-patterns.html"><img src="" alt="テーブルを見やすく、使いやすくするためのアルティメットガイド" title="テーブルを見やすく、使いやすくするためのアルティメットガイド" class="entry-image" /></a></p><p>ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/architectonics/usability/ultimate-guide-to-table-ui-patterns.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/architectonics/usability/ultimate-guide-to-table-ui-patterns.html" alt="はてなブックマーク - テーブルを見やすく、使いやすくするためのアルティメットガイド" title="はてなブックマーク - テーブルを見やすく、使いやすくするためのアルティメットガイド" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/architectonics/usability/ultimate-guide-to-table-ui-patterns.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 669 http://blog.creamu.com/mt/2009/12/apple15.html wavement 2009-12-25T18:04:56Z Webデザイン CSS HTML <blockquote cite="http://blog.creamu.com/mt/2009/12/apple15.html" title="Appleのようなデザインをするためのコーディングチュートリアル15 – creamu"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.creamu.com%2Fmt%2F2009%2F12%2Fapple15.html" alt="" /> <a href="http://blog.creamu.com/mt/2009/12/apple15.html">Appleのようなデザインをするためのコーディングチュートリアル15 – creamu</a></cite><p><a href="http://blog.creamu.com/mt/2009/12/apple15.html"><img src="" alt="Appleのようなデザインをするためのコーディングチュートリアル15 – creamu" title="Appleのようなデザインをするためのコーディングチュートリアル15 – creamu" class="entry-image" /></a></p><p>Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。 かなりかっこいいのが揃っていますよ。 A Beautiful Apple-style Slideshow Galler...</p><p><a href="https://b.hatena.ne.jp/entry/blog.creamu.com/mt/2009/12/apple15.html"><img src="https://b.hatena.ne.jp/entry/image/http://blog.creamu.com/mt/2009/12/apple15.html" alt="はてなブックマーク - Appleのようなデザインをするためのコーディングチュートリアル15 – creamu" title="はてなブックマーク - Appleのようなデザインをするためのコーディングチュートリアル15 – creamu" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.creamu.com/mt/2009/12/apple15.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 414 https://allabout.co.jp/gm/gc/23921/2/ <!--[if IE ]> の詳細 wavement 2009-12-04T07:06:19Z IE CSS JavaScript HTML <blockquote cite="https://allabout.co.jp/gm/gc/23921/2/" title="2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fallabout.co.jp%2Fgm%2Fgc%2F23921%2F2%2F" alt="" /> <a href="https://allabout.co.jp/gm/gc/23921/2/">2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About</a></cite><p><a href="https://allabout.co.jp/gm/gc/23921/2/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/bf23593659fb61e5637e949a1af641713cd37cd7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png" alt="2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About" title="2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About" class="entry-image" /></a></p><p>初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読む 「条件付きコメント」とは スタイ...</p><p><a href="https://b.hatena.ne.jp/entry/s/allabout.co.jp/gm/gc/23921/2/"><img src="https://b.hatena.ne.jp/entry/image/https://allabout.co.jp/gm/gc/23921/2/" alt="はてなブックマーク - 2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About" title="はてなブックマーク - 2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/allabout.co.jp/gm/gc/23921/2/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 138 https://gihyo.jp/design/serial/01/web-standards wavement 2009-12-01T17:35:11Z HTML HTML5 CSS 後で <blockquote cite="https://gihyo.jp/design/serial/01/web-standards" title="Web標準とその周辺技術の学び方 記事一覧 | gihyo.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgihyo.jp%2Fdesign%2Fserial%2F01%2Fweb-standards" alt="" /> <a href="https://gihyo.jp/design/serial/01/web-standards">Web標準とその周辺技術の学び方 記事一覧 | gihyo.jp</a></cite><p><a href="https://gihyo.jp/design/serial/01/web-standards"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/36e14a9d7fd2807704e2940d9f037b2818e7e4a3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2Fgihyojp-ogp.png" alt="Web標準とその周辺技術の学び方 記事一覧 | gihyo.jp" title="Web標準とその周辺技術の学び方 記事一覧 | gihyo.jp" class="entry-image" /></a></p><p>運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。</p><p><a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/design/serial/01/web-standards"><img src="https://b.hatena.ne.jp/entry/image/https://gihyo.jp/design/serial/01/web-standards" alt="はてなブックマーク - Web標準とその周辺技術の学び方 記事一覧 | gihyo.jp" title="はてなブックマーク - Web標準とその周辺技術の学び方 記事一覧 | gihyo.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gihyo.jp/design/serial/01/web-standards"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 122 http://www.kanzaki.com/docs/html/htminfo13.html dl,dt,dd,ul,ol,li wavement 2009-11-26T05:21:29Z HTML <blockquote cite="http://www.kanzaki.com/docs/html/htminfo13.html" title="リストの作成 -- ごく簡単なHTMLの説明"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.kanzaki.com%2Fdocs%2Fhtml%2Fhtminfo13.html" alt="" /> <a href="http://www.kanzaki.com/docs/html/htminfo13.html">リストの作成 -- ごく簡単なHTMLの説明</a></cite><p><a href="http://www.kanzaki.com/docs/html/htminfo13.html"><img src="" alt="リストの作成 -- ごく簡単なHTMLの説明" title="リストの作成 -- ごく簡単なHTMLの説明" class="entry-image" /></a></p><p>情報を見やすく整理して表現する方法として、リスト（一覧）はとても効果的です。HTMLでは、項目を列挙するul要素、順序を考慮して列挙するol要素、用語とその説明という定義型のリストを構成するdl要素の3つのリスト要素が用意されています。 目次： リストで情報を分かりやすく整理する 並列列挙リスト 順序付きリスト...</p><p><a href="https://b.hatena.ne.jp/entry/www.kanzaki.com/docs/html/htminfo13.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.kanzaki.com/docs/html/htminfo13.html" alt="はてなブックマーク - リストの作成 -- ごく簡単なHTMLの説明" title="はてなブックマーク - リストの作成 -- ごく簡単なHTMLの説明" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.kanzaki.com/docs/html/htminfo13.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 79 http://www.stylish-style.com/csstec/ultimate/fix-foot.html wavement 2009-11-24T11:18:06Z HTML CSS <blockquote cite="http://www.stylish-style.com/csstec/ultimate/fix-foot.html" title="フッターを画面の下に表示〜CSSテクニック〜"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.stylish-style.com%2Fcsstec%2Fultimate%2Ffix-foot.html" alt="" /> <a href="http://www.stylish-style.com/csstec/ultimate/fix-foot.html">フッターを画面の下に表示〜CSSテクニック〜</a></cite><p><a href="http://www.stylish-style.com/csstec/ultimate/fix-foot.html"><img src="" alt="フッターを画面の下に表示〜CSSテクニック〜" title="フッターを画面の下に表示〜CSSテクニック〜" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.stylish-style.com/csstec/ultimate/fix-foot.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.stylish-style.com/csstec/ultimate/fix-foot.html" alt="はてなブックマーク - フッターを画面の下に表示〜CSSテクニック〜" title="はてなブックマーク - フッターを画面の下に表示〜CSSテクニック〜" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.stylish-style.com/csstec/ultimate/fix-foot.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 148 https://www.ideaxidea.com/archives/2009/11/beautiful_html.html wavement 2009-11-10T15:08:07Z HTML <blockquote cite="https://www.ideaxidea.com/archives/2009/11/beautiful_html.html" title="美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ～ 百式管理人のライフハックブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2009%2F11%2Fbeautiful_html.html" alt="" /> <a href="https://www.ideaxidea.com/archives/2009/11/beautiful_html.html">美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ～ 百式管理人のライフハックブログ</a></cite><p><a href="https://www.ideaxidea.com/archives/2009/11/beautiful_html.html"><img src="" alt="美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ～ 百式管理人のライフハックブログ" title="美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ～ 百式管理人のライフハックブログ" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2009/11/beautiful_html.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ideaxidea.com/archives/2009/11/beautiful_html.html" alt="はてなブックマーク - 美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ～ 百式管理人のライフハックブログ" title="はてなブックマーク - 美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ～ 百式管理人のライフハックブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2009/11/beautiful_html.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 525 http://luna.lunanet.gr.jp/pcmemo/css_pre.html wavement 2009-07-31T06:25:26Z CSS HTML <blockquote cite="http://luna.lunanet.gr.jp/pcmemo/css_pre.html" title=":: &lt;pre&gt;タグの中で折り返しさせたい :: るなうぇぶ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fluna.lunanet.gr.jp%2Fpcmemo%2Fcss_pre.html" alt="" /> <a href="http://luna.lunanet.gr.jp/pcmemo/css_pre.html">:: &lt;pre&gt;タグの中で折り返しさせたい :: るなうぇぶ</a></cite><p><a href="http://luna.lunanet.gr.jp/pcmemo/css_pre.html"><img src="" alt=":: &lt;pre&gt;タグの中で折り返しさせたい :: るなうぇぶ" title=":: &lt;pre&gt;タグの中で折り返しさせたい :: るなうぇぶ" class="entry-image" /></a></p><p>ぱそこんめも。を作るにあたり、コンソールのコピペが乱用されることが予想されます。(お そーゆーのは&lt;pre&gt;でやりたい。けど長い一行をどうしたものか。 ぐぐった結果、こんなのがありました。 Bowz::Notebook - pre でも改行を生かしたまま折り返す スタイルシート pre { white-space: -moz-pre-wrap; /* Mozilla */ w...</p><p><a href="https://b.hatena.ne.jp/entry/luna.lunanet.gr.jp/pcmemo/css_pre.html"><img src="https://b.hatena.ne.jp/entry/image/http://luna.lunanet.gr.jp/pcmemo/css_pre.html" alt="はてなブックマーク - :: &lt;pre&gt;タグの中で折り返しさせたい :: るなうぇぶ" title="はてなブックマーク - :: &lt;pre&gt;タグの中で折り返しさせたい :: るなうぇぶ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/luna.lunanet.gr.jp/pcmemo/css_pre.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://librepdm.hatenadiary.org/entry/20090716 wavement 2009-07-24T18:28:49Z HTML Form <blockquote cite="https://librepdm.hatenadiary.org/entry/20090716" title="都道府県選択するやつ（JIS X0402・ISO 3166-2準拠版） - LibrePDMの日記"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flibrepdm.hatenadiary.org%2Fentry%2F20090716" alt="" /> <a href="https://librepdm.hatenadiary.org/entry/20090716">都道府県選択するやつ（JIS X0402・ISO 3166-2準拠版） - LibrePDMの日記</a></cite><p><a href="https://librepdm.hatenadiary.org/entry/20090716"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e9923a4cff83b8335cf98e8443d90edc332d265a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127151187792%2F17680117127151192126%2F1558341653" alt="都道府県選択するやつ（JIS X0402・ISO 3166-2準拠版） - LibrePDMの日記" title="都道府県選択するやつ（JIS X0402・ISO 3166-2準拠版） - LibrePDMの日記" class="entry-image" /></a></p><p>都道府県選択するやつ。 - CSS HappyLife にインスパイアされて。 実際の案件では、都道府県の内部コードは JIS X0402 もしくは ISO 3166-2 で定められたコードを使うことも多いと思います。ということで、value 値として JIS X0402 や ISO 3166-2 のコードを送るバージョンを作ってみました。 option の並び順も、JIS X...</p><p><a href="https://b.hatena.ne.jp/entry/s/librepdm.hatenadiary.org/entry/20090716"><img src="https://b.hatena.ne.jp/entry/image/https://librepdm.hatenadiary.org/entry/20090716" alt="はてなブックマーク - 都道府県選択するやつ（JIS X0402・ISO 3166-2準拠版） - LibrePDMの日記" title="はてなブックマーク - 都道府県選択するやつ（JIS X0402・ISO 3166-2準拠版） - LibrePDMの日記" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/librepdm.hatenadiary.org/entry/20090716"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 65 http://gyauza.egoism.jp/clip/archives/2009/07/090716-htmltemplate/ wavement 2009-07-24T17:56:34Z HTML CSS <blockquote cite="http://gyauza.egoism.jp/clip/archives/2009/07/090716-htmltemplate/" title="自分的HTMLテンプレートの組み方 | Takazudo Clipping*"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fgyauza.egoism.jp%2Fclip%2Farchives%2F2009%2F07%2F090716-htmltemplate%2F" alt="" /> <a href="http://gyauza.egoism.jp/clip/archives/2009/07/090716-htmltemplate/">自分的HTMLテンプレートの組み方 | Takazudo Clipping*</a></cite><p><a href="http://gyauza.egoism.jp/clip/archives/2009/07/090716-htmltemplate/"><img src="" alt="自分的HTMLテンプレートの組み方 | Takazudo Clipping*" title="自分的HTMLテンプレートの組み方 | Takazudo Clipping*" class="entry-image" /></a></p><p>自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。 空テンプレ モジュール一覧 サンプル ダウンロード用 エリアとモジュール 繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする。 ...</p><p><a href="https://b.hatena.ne.jp/entry/gyauza.egoism.jp/clip/archives/2009/07/090716-htmltemplate/"><img src="https://b.hatena.ne.jp/entry/image/http://gyauza.egoism.jp/clip/archives/2009/07/090716-htmltemplate/" alt="はてなブックマーク - 自分的HTMLテンプレートの組み方 | Takazudo Clipping*" title="はてなブックマーク - 自分的HTMLテンプレートの組み方 | Takazudo Clipping*" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/gyauza.egoism.jp/clip/archives/2009/07/090716-htmltemplate/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 209 http://hxxk.jp/2008/09/29/0118 wavement 2009-06-17T16:54:27Z HTML <blockquote cite="http://hxxk.jp/2008/09/29/0118" title="hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhxxk.jp%2F2008%2F09%2F29%2F0118" alt="" /> <a href="http://hxxk.jp/2008/09/29/0118">hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )</a></cite><p><a href="http://hxxk.jp/2008/09/29/0118"><img src="" alt="hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )" title="hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )" class="entry-image" /></a></p><p>DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧...</p><p><a href="https://b.hatena.ne.jp/entry/hxxk.jp/2008/09/29/0118"><img src="https://b.hatena.ne.jp/entry/image/http://hxxk.jp/2008/09/29/0118" alt="はてなブックマーク - hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )" title="はてなブックマーク - hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/hxxk.jp/2008/09/29/0118"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 534