メインコンテンツ

プレスリリース

(Thu)

Posted in お知らせ

HTML5 + CSS3 ではこんな事が出来るんだ!?を目標に制作したテンプレートです。
まだまだ調整中であるため、リロードすると途端に形が崩れたり、ソースコードがごちゃごちゃ変わったりするかもしれませんが、プレスリリースしてみました。

背景は「canvasでキラキラした背景を作る方法」を参考(ほとんどパクリ)にさせて頂きました。

HTML5な上に大量のCSS3を記述していますのでIEでは完全にレイアウトが崩壊します。
以下のブラウザで簡単に動作を確認しました。
・最新バージョンGoogle Chrome
・最新バージョンSafari
全ての機能が問題なく動作します。

・最新バージョンFirefox
ページ下部のナビゲーションバーに長い文字列が入った場合、枠内に収まらない文字がhiddenします。

・最新バージョンOpera
各記事のヘッダや、プラグインのタイトルが表示される箇所にグラデーションがかかりません。
ページ下部のナビゲーションバーに長い文字列が入った場合、折り返されて高さが広がります。
スポンサーサイト

FC2ブログをHTML5で書きたい人へ ver.2.4

(Thu)

Posted in テンプレート

HTML5でFC2ブログのテンプレートを作成したい方の為のベースとなるHTMLファイルを作りました。
HTML5に詳しい方。ソースに関してタグの使い方等の修正点等ありましたらご教授のほどお願いします。

ver.2.3からの変更点
1.アウトラインの調整
2.一部を除き見出しをh1に統一(一部display:none;を指定していますので表示されません)
3.コメントフォームにautocomplete機能を追加
4.コメントフォームにfieldset、legendを追加(display:none;、border:none;を指定していますので表示はされません)
5.トラックバック表示部のバグを修正
6.その他細部を修正

トップ画面アウトライン構成:
1.サイト名
 1.メインコンテンツ(表示されません)
  1.記事タイトル
  2.記事タイトル
  3.記事タイトル
  4.記事タイトル
  5.記事タイトル
 2.プラグイン(表示されません)
  1.プラグインタイトル
  2.プラグインタイトル
  3.プラグインタイトル
  4.プラグインタイトル
  5.プラグインタイトル
 3.メインナビゲーション(表示されません)
 4.リターンナビゲーション(表示されません)

トップ画面アウトライン構成:
1.サイト名
 1.メインコンテンツ(表示されません)
  1.記事タイトル
   1.Comments
    1.コメントタイトル
    2.コメントタイトル
   2.Leave a comment
   3.Trackbacks
    1.トラックバックタイトル
    2.トラックバックタイトル
   4.Trackback URL
 2.プラグイン(表示されません)
  1.プラグインタイトル
  2.プラグインタイトル
  3.プラグインタイトル
  4.プラグインタイトル
  5.プラグインタイトル
 3.メインナビゲーション(表示されません)
 4.リターンナビゲーション(表示されません)

注意点:
1.W3C Markup Validation Serviceでチェックしたところ、エラーはありませんが記事の内容によってはエラーが吐き出される場合があります
2.HTML 5 Outlinerでチェックした所、「Untitled Section」が2カ所出力されますが、これはnav要素に対するものですので問題はありません
3.HTML5ではcharsetの推奨値はUTF-8になりますがFC2ブログの環境上、このベースHTMLのcharsetはeuc-jpになっております
4.HTML5で新規追加されたタグを使っておりますので、ブラウザによってはデザインが崩れる場合があります

Continue Reading »

FC2ブログをHTML5で書きたい人へ ver.2.3

(Wed)

Posted in テンプレート

HTML5でFC2ブログのテンプレートを作成したい方の為のベースとなるHTMLファイルを作りました。
HTML5に詳しい方。ソースに関してタグの使い方等の修正点等ありましたらご教授のほどお願いします。

ver.2.2からの変更点
1.Operaブラウザが搭載しているナビゲーションバー用の記述を追加
※Operaブラウザのナビゲーションバーとは?(画像はOperaブラウザのものです)
メインメニューの[表示]→[ツールバー]→[ナビゲーションバー]の順で表示されるユーザをサポートするナビゲーションバーです。
Operaブラウザのメインメニューから[表示]、[ツールバー]、[ナビゲーション]の順に選択する事でナビゲーションバーが使用可能になります
表示されたナビゲーションバーはHTML中に書かれたメタ情報を読み取って生成されます。
オペラブラウザのナビゲーションバー
ナビゲーションバーが生成される事によりユーザはページ中から「次のページ」や「トップに戻る」リンクを探す事無くページ遷移を行う事が可能になります。

注意点:
1.W3C Markup Validation Serviceでチェックしたところ、エラーはありませんが記事の内容によってはエラーが吐き出される場合があります
2.HTML 5 Outlinerでチェックした所、「Untitled Section」が2カ所出力されますが、これはnav要素に対するものですので問題はありません
3.HTML5ではcharsetの推奨値はUTF-8になりますがFC2ブログの環境上、このベースHTMLのcharsetはeuc-jpになっております
4.HTML5で新規追加されたタグを使っておりますので、ブラウザによってはデザインが崩れる場合があります

Continue Reading »

FC2ブログをHTML5で書きたい人へ ver.2.2

(Tue)

Posted in テンプレート

HTML5でFC2ブログのテンプレートを作成したい方の為のベースとなるHTMLファイルを作りました。
HTML5に詳しい方。ソースに関してタグの使い方等の修正点等ありましたらご教授のほどお願いします。

ver.2.1からの変更点
1.著作権表示をsmallタグに変更

注意点:
1.W3C Markup Validation Serviceでチェックしたところ、エラーはありませんが記事の内容によってはエラーが吐き出される場合があります
2.HTML 5 Outlinerでチェックした所、「Untitled Section」が2カ所出力されますが、これはnav要素に対するものですので問題はありません
3.HTML5ではcharsetの推奨値はUTF-8になりますがFC2ブログの環境上、このベースHTMLのcharsetはeuc-jpになっております
4.HTML5で新規追加されたタグを使っておりますので、ブラウザによってはデザインが崩れる場合があります

Continue Reading »

FC2ブログをHTML5で書きたい人へ ver.2.1

(Tue)

Posted in テンプレート

HTML5でFC2ブログのテンプレートを作成したい方の為のベースとなるHTMLファイルを作りました。
HTML5に詳しい方。ソースに関してタグの使い方等の修正点等ありましたらご教授のほどお願いします。

ver.2.0からの変更点
1.コメント編集画面のアウトラインを修正

注意点:
1.W3C Markup Validation Serviceでチェックしたところ、エラーはありませんが記事の内容によってはエラーが吐き出される場合があります
2.HTML 5 Outlinerでチェックした所、「Untitled Section」が2カ所出力されますが、これはnav要素に対するものですので問題はありません
3.HTML5ではcharsetの推奨値はUTF-8になりますがFC2ブログの環境上、このベースHTMLのcharsetはeuc-jpになっております
4.HTML5で新規追加されたタグを使っておりますので、ブラウザによってはデザインが崩れる場合があります

Continue Reading »

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。