HTML関連
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
] [
Twitter
]
開始行:
→Web技術関連
→[[CSS関連]]
→[[JavaScript]]
→[[XML関連]]
#contents
*HTML [#n8723343]
-[[半角スペースを表示したいなら ではなくwhite-space:...
-[[HTML, CSS, JavaScriptの標準の仕様書はどこにあるのか>ht...
-[[html { font-size: 62.5%; } は嫌いだ - デフォルトを変更...
-[[HTMLの< a href="tel:" >でリンクをタップして電話を発信...
-[[HTMLでメールを送る「mailto:」の使い方と注意点まとめ|w...
-[[HTMLname属性とid属性の違い - name属性とid属性の違い......
-[[input要素のid属性、name属性、type属性の違い - Qiita>ht...
-[[Create Buttons With Icons using HTML & CSS - DEV Commu...
-[[【保存版】Webフロントエンド基礎力(初心者向け)>https:...
-[[HTMLとスタイルシート(CSS)の業務スキルレベル 判別表...
-[[Free ebook: Programming Windows 8 Apps with HTML, CSS,...
-[[知らないといつまでたってもHTMLとCSSが理解できない暗黙...
-[[知らない人は遅れてる?新Zen-Coding Emmet>http://log.de...
-[[「携帯サイトをはじめて作る時にぜひ読んでおきたい11の記...
-[[携帯サイト(html)の制作に入る前に確認しておきたいチェ...
--tableの使用はOKか
--背景色を複数色使っていないか
--枠線を使っていないか
--サムネイル画像の横にテキストが来るパターン
--リストアイコンの下に文字が回り込んでくるかどうか
--ページの左右に微妙な余白が空いていないか
--フォントサイズは2段階ないし1段階か
--太字を使っていないか
-[[HTML/CSS/RSSの妥当性を検証する14のツール>http://journa...
-[[検索エンジン3社、正しいサイトURLを認識させるcanonical...
-[[プロレベルでハイクオリティなXHTML/CSSテンプレート集>ht...
-[[Why and How Styling Text Links>http://www.andyrutledge...
-[[直リンクに何が起きているのか>http://park5.wakwak.com/~...
--直リンクという言葉の一般的な用法は、「直リンク=ディー...
-[[HTML5が持つ本当の意味>http://www.atmarkit.co.jp/news/2...
--XHTML、セマンティックWebは普及に失敗した
-[[画面の中心にボックスを配置>http://code.nanigac.com/sou...
-[[角丸の背景を最低限のタグで実装>http://code.nanigac.com...
-[[dl,dt,ddタグで表組みもどきを作る>http://code.nanigac.c...
-[[左上にステッカーのような飾りをつける>http://code.nanig...
-右クリックできなくする
<body oncontextmenu="return false">
</body>
-IE6ではDOCTYPEの前にxml宣言(もしくはコメントなど)があ...
-[[無料で200個以上のウェブサイトテンプレートをを配布する...
--http://www.opendesigns.org/
-[[無料SEO ただより高いものはなし>http://www.doblog.com/w...
--この無料SEOサービスは、無料につられてやってきた多数のサ...
--隠しリンクは、Googleのペナルティ対象である。もし見つけ...
-[[プロに学ぶWeb 2.0な画像テク ガラス調ボタン>http://jour...
-http://nikitathespider.com/ htmlのバリデーションやリンク...
-[[サイトがほかのブラウザでどう見えるか試すサービスbrowse...
-[[SHTML:http://www.shtml.jp/]]
--JavaScriptを使ってソースを暗号化する仕組み。Secure HTML...
--ブラウザが違うとちゃんと動かなかったりする問題がある。...
-[[Five XHTML Elements You Didn't Know But Were Afraid to...
-[[URLにチルダを書いてはいけない?:http://www.asahi-net.o...
--「~」のエンコードはUAが行うべきだと
-[[HTML概説:http://www.parkcity.ne.jp/~chaichan/src/eleme...
-[[HTML lint:http://openlab.ring.gr.jp/k16/htmllint/htmll...
**ブロックレベル要素 [#e02e464d]
-h1〜h6
-p
-ul
-dl
-blockquote
-address
-div
**インライン要素 [#v532b512]
-a
-img
-em
-strong
-br
-span
*HTML5 [#x46623c4]
-[[contenteditableで編集可能なテーブルを作る >https://noa...
-[[HTML5入門>http://html5.imedia-web.net/]]
-[[Dive into HTML5>http://diveintohtml5.info/]]
-[[世の中のHTML5アプリケーションが糞だから、俺が「初期化...
-[[HTML5で組んでるならこの魔法のjsも入れておけっていう話>...
-[[HTML5のスマホ対応の基礎知識とハマリどころ3選 (1/3)>htt...
-[[1ランク上の「HTML5」制作に欠かせないサイト・ツール・ア...
-[[モバイルアプリ開発プラットフォームとしてのHTML5>http:/...
-[[HTML5の学習に役立つ(主に)日本語のサイトまとめ2012 >htt...
-[[いったん、水を差されたHTML5の現状と、将来について>http...
-[[さようならHTML5...。アメリカ人と日本人の標準化に差を感...
--アメリカ人が集まって業界で標準規格を作ると、ハイスペッ...
-http://thecodeplayer.com/
--コードを書いている所とその結果表示を同時にアニメーショ...
-[[HTML5カンファレンス2012の資料まとめ>http://stocker.jp/...
-[[Apache Cordova を使って Windows Phone の HTML 5 アプリ...
--[[Apache Cordova Documentation>http://docs.phonegap.com...
-[[このまま行っても儲からない!?HTML5アプリがマネタイズ...
--1. アプリ発見の難しさ
--2. サポートが限られている
--3. 広告ネットワークの欠如
--4. HTML5で画一化された決済の仕組みがない
--5. ユーザーのためらい
-[[The Most Important Parts of HTML5>http://blog.n01se.ne...
-[[HTML5はなぜ重要なのか?>http://research.ascii.jp/elem/...
--「スマートデバイス」の時代の覇権を、アップルやグーグル...
--HTMLはWebを記述するためのマークアップ言語だが、HTML5に...
--ひとことでいえば、HTML5(とJavaScriptなどの組み合わせ)...
-[[HTML5--押さえておくべき10のタグ>http://japan.cnet.com/...
--#1:<video>タグと<audio>タグ
--#2:<input>タグのtype属性
--#3:<canvas>タグ
--#4:<header>タグと<footer>タグ
--#5:<article>タグと<section>タグ
--#6:<output>タグ
--#7:<details>タグ
--#8:<figure>タグと<figcaption>タグ
--#9:<progress>タグと<meter>タグ
--#10:<datalist>タグ
-[[東京渋谷 “HTML5入門&jQuery” 勉強会(5/26)の資料を公開...
-[[MdN Design Interactiveにて連載した「ゼロからはじめるHT...
-[[Tutorial: Rubik's cube with HTML5 (CSS3 + JavaScript) ...
-[[HTML5 Game Development Tips: Part 3>http://blog.clay.i...
-[[HTML5 マークアップ入門>http://tmlife.net/web/html5/htm...
-[[避けるべきHTML5機能をまとめたティップサイト「HTML5 Ple...
-[[いままでまとめたHTML5の勉強をしたさいに作成したまとめ...
-[[Webの開発側にいる人間でFlash死ね!HTML5最高!と言ってい...
--HTML5と違い、Flashの設計の過程はadobeさんの独裁でクロー...
-[[HTML5とは何かを簡単にまとめてみた>http://techblog.yaho...
-[[HTML5基礎知識>http://d.hatena.ne.jp/hebita164/20100306...
-[[HTML5を学ぶための情報源まとめ>http://hyper-text.org/ar...
-[[Flash vs. HTML5という構図がはっきり見え始めたぞ、と>ht...
--しかし、ここに来て一挙に注目を浴びているのがHTML5。Goog...
--HTML5にはさまざまな機能が含まれているが、「対Flash」と...
-http://dothtml5.com/
*SVG [#d003431d]
-[[SVGの記述方法 - Qiita>https://qiita.com/takeshisakuma/...
-[[Displaying and detecting support for SVG images>http:/...
-[[svgを使って複数の画像を一つにまとめる方法 >http://defg...
-[[10分でわかるSVG 基礎編>http://www.atmarkit.co.jp/fwcr/...
*Webデザイン [#f83814c3]
-[[ユーザーはいかにテキストを読まないか – U-Site>ht...
-[[大量の文字と派手な色が並ぶ日本のウェブサイトはなぜこれ...
-[[パララックス効果に欠けているもの – U-Site>https:...
-デザインサンプルになるサイト
--[[Awwwards - Website Awards - Best Web Design Trends>ht...
--[[CSS Design Awards - Website Awards - Best Web Design ...
--[[The FWA - Awards>https://thefwa.com/awards/page/1/]]
-[[UIのデザインでよく見かける、目の錯覚による違和感を取り...
-[[未経験でも1カ月で即戦力クラスの知識が身に付く『webデザ...
-https://material.io/design/
--Google公式デザインガイド
-[[Webサイト設計図 – ワイヤーフレームの作り方 >http...
-[[胡散臭いデザイン、集めました>http://buta.in/]]
-[[ビジネスサイトに使えるレイアウトのチュートリアルいっぱ...
-[[みんなで作るWEBデザイン参考集「ブックマ!」>http://boo...
-[[WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカ...
--赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲...
--青 さわやか 清らか 清涼感 すっきり クール 閑静 憂...
--黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼...
--緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲...
--紫 高貴 優雅 神秘的 厳粛 神聖 ゴージャス 個性的 ...
--橙 親しみ 健康的 開放的 食欲増進 フレッシュ 気軽 ...
--桃 女性的 ロマンチック 優しい 幸福 かわいい エレガ...
--茶 落ち着いた 穏やか 古風 慎重 丈夫 地味 堅実 け...
--黒 フォーマル 格調高い 洗練された 高級 重厚感 不吉...
--白 すっきり クリア 清涼 上品 高貴 すがすがしい 厳...
-[[デザインセンスの無い人がwebサイトを作成する際に参考に...
終了行:
→Web技術関連
→[[CSS関連]]
→[[JavaScript]]
→[[XML関連]]
#contents
*HTML [#n8723343]
-[[半角スペースを表示したいなら ではなくwhite-space:...
-[[HTML, CSS, JavaScriptの標準の仕様書はどこにあるのか>ht...
-[[html { font-size: 62.5%; } は嫌いだ - デフォルトを変更...
-[[HTMLの< a href="tel:" >でリンクをタップして電話を発信...
-[[HTMLでメールを送る「mailto:」の使い方と注意点まとめ|w...
-[[HTMLname属性とid属性の違い - name属性とid属性の違い......
-[[input要素のid属性、name属性、type属性の違い - Qiita>ht...
-[[Create Buttons With Icons using HTML & CSS - DEV Commu...
-[[【保存版】Webフロントエンド基礎力(初心者向け)>https:...
-[[HTMLとスタイルシート(CSS)の業務スキルレベル 判別表...
-[[Free ebook: Programming Windows 8 Apps with HTML, CSS,...
-[[知らないといつまでたってもHTMLとCSSが理解できない暗黙...
-[[知らない人は遅れてる?新Zen-Coding Emmet>http://log.de...
-[[「携帯サイトをはじめて作る時にぜひ読んでおきたい11の記...
-[[携帯サイト(html)の制作に入る前に確認しておきたいチェ...
--tableの使用はOKか
--背景色を複数色使っていないか
--枠線を使っていないか
--サムネイル画像の横にテキストが来るパターン
--リストアイコンの下に文字が回り込んでくるかどうか
--ページの左右に微妙な余白が空いていないか
--フォントサイズは2段階ないし1段階か
--太字を使っていないか
-[[HTML/CSS/RSSの妥当性を検証する14のツール>http://journa...
-[[検索エンジン3社、正しいサイトURLを認識させるcanonical...
-[[プロレベルでハイクオリティなXHTML/CSSテンプレート集>ht...
-[[Why and How Styling Text Links>http://www.andyrutledge...
-[[直リンクに何が起きているのか>http://park5.wakwak.com/~...
--直リンクという言葉の一般的な用法は、「直リンク=ディー...
-[[HTML5が持つ本当の意味>http://www.atmarkit.co.jp/news/2...
--XHTML、セマンティックWebは普及に失敗した
-[[画面の中心にボックスを配置>http://code.nanigac.com/sou...
-[[角丸の背景を最低限のタグで実装>http://code.nanigac.com...
-[[dl,dt,ddタグで表組みもどきを作る>http://code.nanigac.c...
-[[左上にステッカーのような飾りをつける>http://code.nanig...
-右クリックできなくする
<body oncontextmenu="return false">
</body>
-IE6ではDOCTYPEの前にxml宣言(もしくはコメントなど)があ...
-[[無料で200個以上のウェブサイトテンプレートをを配布する...
--http://www.opendesigns.org/
-[[無料SEO ただより高いものはなし>http://www.doblog.com/w...
--この無料SEOサービスは、無料につられてやってきた多数のサ...
--隠しリンクは、Googleのペナルティ対象である。もし見つけ...
-[[プロに学ぶWeb 2.0な画像テク ガラス調ボタン>http://jour...
-http://nikitathespider.com/ htmlのバリデーションやリンク...
-[[サイトがほかのブラウザでどう見えるか試すサービスbrowse...
-[[SHTML:http://www.shtml.jp/]]
--JavaScriptを使ってソースを暗号化する仕組み。Secure HTML...
--ブラウザが違うとちゃんと動かなかったりする問題がある。...
-[[Five XHTML Elements You Didn't Know But Were Afraid to...
-[[URLにチルダを書いてはいけない?:http://www.asahi-net.o...
--「~」のエンコードはUAが行うべきだと
-[[HTML概説:http://www.parkcity.ne.jp/~chaichan/src/eleme...
-[[HTML lint:http://openlab.ring.gr.jp/k16/htmllint/htmll...
**ブロックレベル要素 [#e02e464d]
-h1〜h6
-p
-ul
-dl
-blockquote
-address
-div
**インライン要素 [#v532b512]
-a
-img
-em
-strong
-br
-span
*HTML5 [#x46623c4]
-[[contenteditableで編集可能なテーブルを作る >https://noa...
-[[HTML5入門>http://html5.imedia-web.net/]]
-[[Dive into HTML5>http://diveintohtml5.info/]]
-[[世の中のHTML5アプリケーションが糞だから、俺が「初期化...
-[[HTML5で組んでるならこの魔法のjsも入れておけっていう話>...
-[[HTML5のスマホ対応の基礎知識とハマリどころ3選 (1/3)>htt...
-[[1ランク上の「HTML5」制作に欠かせないサイト・ツール・ア...
-[[モバイルアプリ開発プラットフォームとしてのHTML5>http:/...
-[[HTML5の学習に役立つ(主に)日本語のサイトまとめ2012 >htt...
-[[いったん、水を差されたHTML5の現状と、将来について>http...
-[[さようならHTML5...。アメリカ人と日本人の標準化に差を感...
--アメリカ人が集まって業界で標準規格を作ると、ハイスペッ...
-http://thecodeplayer.com/
--コードを書いている所とその結果表示を同時にアニメーショ...
-[[HTML5カンファレンス2012の資料まとめ>http://stocker.jp/...
-[[Apache Cordova を使って Windows Phone の HTML 5 アプリ...
--[[Apache Cordova Documentation>http://docs.phonegap.com...
-[[このまま行っても儲からない!?HTML5アプリがマネタイズ...
--1. アプリ発見の難しさ
--2. サポートが限られている
--3. 広告ネットワークの欠如
--4. HTML5で画一化された決済の仕組みがない
--5. ユーザーのためらい
-[[The Most Important Parts of HTML5>http://blog.n01se.ne...
-[[HTML5はなぜ重要なのか?>http://research.ascii.jp/elem/...
--「スマートデバイス」の時代の覇権を、アップルやグーグル...
--HTMLはWebを記述するためのマークアップ言語だが、HTML5に...
--ひとことでいえば、HTML5(とJavaScriptなどの組み合わせ)...
-[[HTML5--押さえておくべき10のタグ>http://japan.cnet.com/...
--#1:<video>タグと<audio>タグ
--#2:<input>タグのtype属性
--#3:<canvas>タグ
--#4:<header>タグと<footer>タグ
--#5:<article>タグと<section>タグ
--#6:<output>タグ
--#7:<details>タグ
--#8:<figure>タグと<figcaption>タグ
--#9:<progress>タグと<meter>タグ
--#10:<datalist>タグ
-[[東京渋谷 “HTML5入門&jQuery” 勉強会(5/26)の資料を公開...
-[[MdN Design Interactiveにて連載した「ゼロからはじめるHT...
-[[Tutorial: Rubik's cube with HTML5 (CSS3 + JavaScript) ...
-[[HTML5 Game Development Tips: Part 3>http://blog.clay.i...
-[[HTML5 マークアップ入門>http://tmlife.net/web/html5/htm...
-[[避けるべきHTML5機能をまとめたティップサイト「HTML5 Ple...
-[[いままでまとめたHTML5の勉強をしたさいに作成したまとめ...
-[[Webの開発側にいる人間でFlash死ね!HTML5最高!と言ってい...
--HTML5と違い、Flashの設計の過程はadobeさんの独裁でクロー...
-[[HTML5とは何かを簡単にまとめてみた>http://techblog.yaho...
-[[HTML5基礎知識>http://d.hatena.ne.jp/hebita164/20100306...
-[[HTML5を学ぶための情報源まとめ>http://hyper-text.org/ar...
-[[Flash vs. HTML5という構図がはっきり見え始めたぞ、と>ht...
--しかし、ここに来て一挙に注目を浴びているのがHTML5。Goog...
--HTML5にはさまざまな機能が含まれているが、「対Flash」と...
-http://dothtml5.com/
*SVG [#d003431d]
-[[SVGの記述方法 - Qiita>https://qiita.com/takeshisakuma/...
-[[Displaying and detecting support for SVG images>http:/...
-[[svgを使って複数の画像を一つにまとめる方法 >http://defg...
-[[10分でわかるSVG 基礎編>http://www.atmarkit.co.jp/fwcr/...
*Webデザイン [#f83814c3]
-[[ユーザーはいかにテキストを読まないか – U-Site>ht...
-[[大量の文字と派手な色が並ぶ日本のウェブサイトはなぜこれ...
-[[パララックス効果に欠けているもの – U-Site>https:...
-デザインサンプルになるサイト
--[[Awwwards - Website Awards - Best Web Design Trends>ht...
--[[CSS Design Awards - Website Awards - Best Web Design ...
--[[The FWA - Awards>https://thefwa.com/awards/page/1/]]
-[[UIのデザインでよく見かける、目の錯覚による違和感を取り...
-[[未経験でも1カ月で即戦力クラスの知識が身に付く『webデザ...
-https://material.io/design/
--Google公式デザインガイド
-[[Webサイト設計図 – ワイヤーフレームの作り方 >http...
-[[胡散臭いデザイン、集めました>http://buta.in/]]
-[[ビジネスサイトに使えるレイアウトのチュートリアルいっぱ...
-[[みんなで作るWEBデザイン参考集「ブックマ!」>http://boo...
-[[WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカ...
--赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲...
--青 さわやか 清らか 清涼感 すっきり クール 閑静 憂...
--黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼...
--緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲...
--紫 高貴 優雅 神秘的 厳粛 神聖 ゴージャス 個性的 ...
--橙 親しみ 健康的 開放的 食欲増進 フレッシュ 気軽 ...
--桃 女性的 ロマンチック 優しい 幸福 かわいい エレガ...
--茶 落ち着いた 穏やか 古風 慎重 丈夫 地味 堅実 け...
--黒 フォーマル 格調高い 洗練された 高級 重厚感 不吉...
--白 すっきり クリア 清涼 上品 高貴 すがすがしい 厳...
-[[デザインセンスの無い人がwebサイトを作成する際に参考に...
ページ名: