2010年12月 5日 (日)

HTML5テンプレート

<!DOCTYPE html>

<html> <head>
<meta charset="utf-8">
<title>ページ・タイトル</title>
<style>/* CSS */</style>
<script>/* JavaScriptコード */</script>
</head>

<body> ... </body>
</html>

HTML4から変化したHTML5のマークアップ[CodeZine]

◆関連記事
HTML5記事まとめ[ネット海]
HTML5用テンプレートファイル -Easy HTML5 Template[コリス]
わずか数秒で自分用のHTML5のテンプレート一式を作成するオンラインサービス -Initializr[コリス]

| | コメント (0)

2010年11月25日 (木)

Javascript マウスオーバー

                                                                                                                                                                                                                                                                                           
2011年  1月






1
32,000~
2
32,000~
3
29,000~
4
29,000~
5
29,000~
6
29,000~
7
29,000~
8
29,000~
9
29,000~
10
25,000~
11
25,000~
12
25,000~
13
25,000~
14
25,000~
15
25,000~
16
25,000~
17
25,000~
18
25,000~
19
25,000~
20
25,000~
21
25,000~
22
25,000~
23
25,000~
24
25,000~
25
25,000~
26
25,000~
27
25,000~
28
25,000~
29
25,000~
30
25,000~
31
25,000~





http://e.his-j.com/shop/air/calendar/02A_10/SIN/__00_00_0,1_F,O?lcid=txt

| | コメント (0)

2010年10月 1日 (金)

HTML5記事まとめ

HTML5とは

Html5 基礎 入門 まとめ
HTML5 基礎知識[web探検隊]

簡潔にまとめられてHTML5初心者にオススメ記事。

マークアップタグ

Html5 ブログ nav section article デザイン レイアウト
Designing a blog with html5[HTML5 Doctor]

Html5 デザイン レイアウト
HTML5 and The Future of the Web[Smashing Magazine]

navタグ、aectionタグ、articleタグ、asideタグ、headerタグ、footerタグ。

Html5 マークアップ タグ
HTML5ことはじめ[Another Step.com]

終了タグ</li>が要らない。

HTML5 マークアップタグ
HTML5でWebページをマークアップするための基礎知識[@IT]

テンプレート

Html5 テンプレート ひな形
HTML5についてのおさらい[W3G]

Html5 テンプレート ファイル 一式 無料 CSS
【HTML5】新規でサイトを作るのに使えそうなの一式

Html5 テンプレート かっこいい デザイン
最近知ったフリーのHTML5テンプレート6個[かちびと]

◆チートシート

Html5 チートシート
HTML5 Canvas Cheat Sheet

Html5 チートシート PDF GIF HTML4 違い 比較 廃止 導入
HTML 5 Cheat Sheet[Smashing Magazine]

Html5 チートシート 一覧
HTML5, CSS3, jQuery1.4, WordPress3の厳選チートシート集[コリス]

HTML5文法チェック

Html5 構文 文法 チェッカー チェック バリデーター
Markup Validation Service[W3C]

Html5 構文 文法 チェッカー チェック バリデーター
(X)HTML5 Validator[Validator.nu]

仕様

Skeypointshtml501
どこまでがHTML5なの?[Publickey]

FlashとVideoタグの違い

Html5 flash 違い 比較
HTML5とFlashの機能比較[ClockMaker]

情報源

HTML5を学ぶための情報源まとめ[WWW WATCH]
オフィシャル、仕様書、Twitterアカウント、サンプル、Canvasなど。

デザイナーのためのHTML5リソースまとめ[DesignWalker]
スクリーンショット付きで紹介されている。

Web開発者向けHTML5チュートリアル、テクニック、サンプル記事30個(英語)
スクリーンショット付きで紹介されている。

HTML5.JP
羽田野太巳さんのHTML5情報サイト。

HTML5[Mozzila]
firefox開発元。Canvasチュートリアルとかある。

その他

明日から語れるHTML5&CSS3[@IT]
3ページ目に<canvas><video><audio>タグの解説。

HTML5を今すぐ使うためのコツや情報をまとめてみました[EC studio]
DOCTYPEをHTML5としての宣言にするだけで、新要素を使わないのも1選択肢。

HTML5では何ができるのか、各ブラウザの対応はどうなっているのか、が一目でわかる -What is HTML5?[コリス]
IE9でHTML5にほぼ対応しそう。

HTML5の機能を知るための15のデモンストレーション[マイコミ]
Flash代替えだね。

iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた[かちびと]
Senchaの日本語サイトもある。

[追記]2010年10月11日
HTML5+CSS3 入門[yoppa org]

[追記]2010年10月25日
W3C - 『HTML 5 differences from HTML 4』日本語訳[HTML5.JP]

[追記]2010年12月4日
HTML4から変化したHTML5のマークアップ ここが違う!サンプルで見るHTML5[CodeZine]
分かりやすい。

[追記]2010年12月14日
HTML5でコーディングしたページでjQueryを使うときに気をつけること[5509]

[追記]2010年12月19日
前から気になってたHTML5について色々調べてみました[まともか日記]

[追記]2010年12月25日
今年ありがとうを言いたい「html5の本」5+1選[カヤック]

[追記]2011年1月4日
HTML5で進化したフォーム機能[CodeZine]

[追記]2011年1月23日
日本語で学べるHTML5関連資料15個まとめ[20歳街道]

[追記]2011年2月4日
結局どうすればいいの? - Dive Into HTML5
HTML5テンプレートファイル -Easy HTML5 Template[コリス]

[追記]2011年2月15日
HTML5の勉強に役立つチートシートやリファレンスのまとめ[コリス]

 

ようやく俺のHTML5フォルダが火をふいたぜ!

| | コメント (0)

2010年9月 3日 (金)

3ステップでしっかり学ぶ

3ステップでしっかり学ぶ Java入門
3ステップでしっかり学ぶ Java入門(アンク)

JavaがAndroidアプリの開発言語だったので上記の本が「クラス,コンストラクタ,オブジェクト,メソッド」の違いが最も分かりやすかった。

3ステップでしっかり学ぶ MySQL入門
3ステップでしっかり学ぶ MySQL入門(山田祥寛)

3ステップでしっかり学ぶ Oracle入門
3ステップでしっかり学ぶ Oracle入門(小野哲)

3ステップでしっかり学ぶ C言語入門
3ステップでしっかり学ぶ C言語入門(朝井淳)

3ステップでしっかり学ぶ ExcelVBA入門
3ステップでしっかり学ぶ ExcelVBA入門(国本温子)

3ステップでしっかり学ぶ VisualBasic入門
3ステップでしっかり学ぶ VisualBasic入門(朝井淳)

3ステップでしっかり学ぶ JavaScript入門
3ステップでしっかり学ぶ JavaScript入門(大津真)

立ち読みでうる覚えですがJavaScript入門も分かりやすい解説でしたね。

| | コメント (0)

2010年8月11日 (水)

HTMLタグの正式名称

HTMLタグの正式名称
HTMLタグ 正式名称
h1-h6 headings(見出し)
p paragraph(段落)
ul unordered list(順不同リスト)
ol ordered list(順序有るリスト)
li list item(リストアイテム)
dl difinition list(定義リスト)
dt definition term(定義語)
dd definition description(定義語の記述)
tr table row(テーブル縦列)
th table header(テーブル見出し)
td table data(テーブルデータ)
div division(区切り)
blockquote block long quotation(引用)
pre preformatted text(整形済テキスト)
hr horizontal rule(区切り線)
a anchor(アンカー)
br line break(ラインブレイク)
em emphasis(強調)
img embedded image(埋め込み画像)
q short inline quotation(引用文)
cite citation(引用元)
dfn instance definition(定義対象用語)
code computer code fragment(ソースコード)
abbr abbreviated form(略語)
samp sample program output(出力サンプル)
var instance of a variable(変数)
id element identifiers(識別子)
href hyper reference(参照元)
src resource(リソース)
alt alternate text(代替テキスト)
rel relationship(関係性)
align alignment(整列)

| | コメント (0)

2010年6月10日 (木)

class名やid名の命名ネーミング

class名やid名で悩まない[CSS HappyLife]

■本文とかメインになってくる部分に使えそうな感じ

  • area
  • main
  • maincontent
  • center
  • left
  • right
  • content
  • contents
  • main-contents
  • left-contents
  • right-contents
  • contents-inner
  • contentsArea
  • column
  • left-column
  • right-column
  • wrapperContent
  • contentColumn
  • content-block
  • base
  • entries
  • mainbox
  • right-body
  • left-body
  • section
  • item
  • box
  • inner
  • entry
  • entryBody
  • entryblock
  • entrydate
  • separator
  • bodyArea
  • block
  • outline
  • sub
  • lead
  • spot
  • frame-margin

これは助かる。

| | コメント (0)

2010年5月20日 (木)

404デザイン

404 not found デザイン ページ

■404 not found リンク
404ページデザイン37選[二十歳街道まっしぐら]
「404 Not Found」のページデザイン70選
かっこいい404 Not Foundページのデザイン集[CSSレクチャー]
49 Nice And Creative Error 404 Pages[Inspiration]
The Best of 404 Error Pages[Domn Cool Pics]
Yahoo!が「404」エラー?[Gigazine]

「一生懸命に探したのですがページが見つかりませんでした。」と謝罪文を入れたり、ネットマーブルみたいに無料ゲームを置いたりするのもアリかな。

| | コメント (0)

2010年4月11日 (日)

htmlSQL記事まとめ

htmlSQLでモバイルSEOを簡単にシステムツール化して管理する[携帯サイトをつくろう]

HTMLの要素をSQLのように取り出せるPHPのライブラリ『htmlSQL』[IDEA*IDEA]

Webスクレイピングを可能にするPHPライブラリ・htmlSQL[かちびと]

PHPの開発効率を上げる10個の関数

htmlSQLを使ってみた[130単位]

HTMLをDBみたいに使えるスゴイライブラリ『htmlSql』を CakePHPで使う[ZDNet]

今後も追記予定。

| | コメント (0)

2010年3月31日 (水)

CSSリセット

ブラウザのデフォルトスタイルをリセットする[バシャログ]

/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }

/* hr 要素は不可視で使う */
hr { display: none; }

めも。

■CSSリセット参考サイト
ブラウザのスタイルをリセットするスタイルシート集[コリス]
ブラウザのデフォルトのスタイルをCSSでリセットする方法[ネットショップ店長]
「リセット用CSSを使わない」ことが流行ってる(らしい)理由[ネコゼ]
Reset CSS考察[E-riverstyle Vanguard]

■IE6-9までのデフォルトCSS
CSS適用前のIEのスタイル情報をまとめた『IE CSS』[100shiki]

| | コメント (0)

2010年3月28日 (日)

HTML5参考サイトまとめ

HTML5 基礎知識HTML5[web探検隊]

html5 ざっくりメモHTML5[CSS HappyLifeHTML5]

HTML5 & The Web PlatformHTML5[slideshare]

HTML5とFlashの機能比較HTML5[ClockMaker]

html5doctorHTML5[HTML5.JP]

HTML5 を学ぶための情報源まとめHTML5[WWW WATCH]

HTML5 における HTML4 からの変更点HTML5

デザイナーのためのHTML5リソースまとめHTML5[DesignWalker]

html5[はてブ検索]

| | コメント (0)