HTML5 新規サイト用 テンプレート(レスポンシブル対応版)

先日アップしたHTML5用のHTMLテンプレートを、レスポンシブル対応に修正しました。

newsite_html5_ver02ダウンロード
デモ

“HTML5 新規サイト用 テンプレート(レスポンシブル対応版)”の続きを読む

Google Analytics 追加

HTMLテンプレートの修正をする前に、 取り急ぎ、Google Analytics の設定をすることにしました。
(まぁ、現段階では、さしてアクセスを気にしないですが。)

■WordPressにGoogle Analyticsを設定する簡単な3つの方法
http://wordpress.aikotoba.jp/

ほほぅ、基本的に
・ヘッダテンプレートにコード記述
・function.phpにコード記述
・プラグインで導入
の3パターンがあるとのこと。

今回は、一番楽そうなので、プラグインで入れてみます。

インストールは、プラグインから簡単に追加できました。 設定も、トラッキングIDを入力するのみなので、ものの数分で終了。

とりあえず、本日は、ここまで。 次回こそ、HTMLテンプレートのレスポンシブル対応に進もうっと。

HTML5 新規サイト用 テンプレート

まずは、ブログの体裁を作り直す。
ということで、HTMLテンプレートを制作。

newsite_html5_ver01.zip をダウンロード
デモ

基本的には、CSS HappyLife さんのテンプレートから 手を入れさせてもらってます。

■【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
http://css-happylife.com/archives/2010/0609_1305.php

主な修正点は以下の通り
・hgroupの廃止
・CSSのファイル構成を簡単に
・footerFixed.js を追加

次回は、このテンプレートをレスポンシブル対応に修正する予定です。

はじめに

みなさま、はじめまして。

私は、神奈川在住のWeb技術者、犬耳といいます。
本日から、この「Web技術おぼえがき」というブログで、仕事をしながら学んだWeb技術をまとめていこうと思います。

みなさん、よろしくお願いいたします。

■このブログの趣旨

Webの世界に入って十数年。
最近になって、いろいろあたらしく勉強することがあったので、
主にその個人用備忘録です。

いろいろと、プラグインなど開発して、どんどん公開していく予定です。

■前提条件
本サイトで制作するHTML、JSプラグインなどについて、
基本、以下のスタンスで制作します。

対応OS
・Windows
・iOS
・Android
※Macは持っていないので、検証から外しています。

対応ブラウザ:
・IE7.0~(※)
・FF最新
・Chrome最新
※ただし、一部機能については、致命的な表示崩れなどを除いて、
100%動作しないものとする。
(ex.角丸にならない・影がつかないなど)