そろそろHTML5で作ってみようと思い、やってみた。

HTML5でマークアップしたテンプレート

「メインページ」「ブログ記事リスト」サイドバーの「最近のブログ記事」「アーカイブ」にはolで番号を入れてみた。ブログ記事とウェブページのbrimg /はそのままでも良いのだが、気持ち悪いのでregex_replacereplaceで消した。

まだHTML5の要素をよく理解していないので、大いに間違っている所もあると思う。

5月1日追記:少し変更したが、ブログ記事のアウトラインが変だ。まだまだ変更する予定

5月9日追記:ブログ記事のアウトラインも変更。まだまだ変更する予定!

関連情報 

Posted

ウェボリューション株式会社の澤田 光宏さんより「遺伝子レベルのSEO」を頂きました。

遺伝子レベルのSEO

澤田さんとは一度だけ仕事させていただいたのが、非常にスムーズに仕事することが出来ました(未だに最短納品記録です)。

Web制作の専門書籍 "遺伝子レベルのSEO" をwebcreatorsやWEBSTRATEGYのMdNから発売!SEOは最低限の技術と位置付け、インターネット上のニーズをもとにしたWebサイトの設計、サテライトサイト戦略など、正しいWebサイトの作り方を完全公開!

遺伝子レベルのSEO

よくある(悪質なアフィリエイト)SEO本とは全く異なります。サイト設計・キーワード選定・ワイヤーフレーム設計・Web標準や運営までの広範囲をディレクターの立場で書かれています。

第1章
スパム判定を受けないための知識
第2章
SEOを意識したWebサイト全体の設計
第3章
ニーズのあるキーワードを手に入れる
第4章
格付けキーワードでサイトマップを作る
第5章
ワイヤーフレームから考えるデザイン
第6章
内部要因の質を高めるHTMLタグと原稿
第7章
検索サイトに意図を伝えるWeb標準化
第8章
低コストで効果のあるWebプロモーション
第9章
安全なIP分散とサテライトサイト戦略
第10章
ライバルサイトの「強み」と「弱み」を把握する
第11章
改善計画が見えてくる成果の検証
第12章
成果を出し続けるWebサイトの運営

基本から解説してありますので私のような位置の者でもわかりやすく、読みやすい!特にフリーランスでWeb制作している方におすすめします。

Posted

先週の土曜日(4月24日)、福岡市の福岡ソフトリサーチパークで開催されたHTML5 Tech Talk @Fukuokaに行ってきました。

以下のような豪華な顔ぶれ!

Open Web Platform
及川 卓也(Google シニアエンジニアリングマネージャ)
Web Standard (W3C)
Daniel Davis(Opera 日本オフィス)
HTML5 Mark up
Oli Studholme(HTML5 Doctor)
HTML5 API
白石 俊平(OpenWeb Technology代表取締役、html5-developers-jp管理人)
CSS最新情報
Anne van Kesteren(Opera Software)

マークアップからAPI、さらにCSS3と非常に刺激的なイベントで、病み上がりには少々ハードな内容でした。

詳細は参加された藤崎 優さんのレポートをご覧下さい。

CyanProject(html5-tech-talkfukuoka)

Posted

先週からMarkup Validation ServiceでHTML5を検証してみるとExternal Checker not availableとなり上手く検証出来ないのでValidator.nuを使っている。

4月20日追記:Markup Validation Serviceが使えるようになったみたいです。

Validator.nu

いちいちページを開いてURLコピーするのが面倒なのでWeb Developerの「ツール」に登録した。

「ツールを編集する」を開き、「追加」をクリック。

概要とショートカットを入れ、URLを選択しURL欄には以下を記述する。
http://html5.validator.nu/?showsource=yes&doc=

Web Developer

イメージレポートも必要であれば以下のパラメーターを追加する

&showimagereport=yes
Posted

Windowsのアップデートをしようと久しぶりMacBookを起動した。BootCampから戻り、ふとメニューバーを見ると「充電できていません」と表示されていた。

充電できていません

とりあえず、SMCリセットを行ってみたが治らない。AppleCareに入っていないし、3年以上前に購入しているので保証はない。

「バッテリーは去年Snow Leopardと一緒に買ったよね。まだ1年たっていないよね」と思い出してアップルのコールセンターに電話。バッテリーを交換してもらえることになった。

もしかして「あたらしいMacBook Proを買いなさい!」ってことか?

Posted

昨年11月より、構築やマークアップ、さらには執筆。たて続けに仕事が入り体重が5キロ減少するという事態に陥っていました。

ここ1ヶ月ほどはテンプレートの発送などの日常の仕事のみを行い、体調を整えることを優先しておりました。

この期間は何をやっていたかというと...

  • トップページだけHTML5にした
  • 全く外に出ないので「散歩のお供」にコンパクトデジカメ(リコーCX3)を買った
  • テンプレートの設置とカスタムを2件

リコー CX3

そろそろ活動を開始します。よろしくお願い致します。

Posted