HTML5
はじめまして、本サイトの管理人tsukapikoが既製にとらわれず自由奔放にdesignする手づくりで手探りなt-esignサイトです。
このサイトは、WordpressCMSによるレスポンシブを意識したスマホやタブレット等あらゆる端末の画面サイズに合わせて最適な見せ方を提供できるサイトの構成を目指しています。
サイズ指定は主にpxではなく%を使いながらのリキッドとなりますが、やはり一番困難を極めるのは、プレビュー方式が極端に違うIEハックの作業です。そして上部のメインビジュアルにはjQueryが組み込まれていますが、あえて画像にせずCSS3によるトランスフォーム指定を使う等々、今後の視覚的かつ効果的なサイトのあり方を探る意味で色々なデモを行っています。
ちなみにjQueryはWordPress本体に付属している様なので、これをfunctions.phpやheader.phpなどに書くだけで読み込まれます。
プラグインがこれを使ってjQueryを読み込んでる事も多いので、これを書いてなくてもjQueryが読み込まれてるかもしれません。複数のプラグインがこれでjQueryを読み込もうとしてたり、functions.phpのとで被ったりしても、wp_enqueue_script()は同じスクリプトは1回だけ読み込む様にうまい事やってくれます。あとはオリジナルのjQueryの指示がぶつかったりするので、$をjQueryに置き換えたりと、各種エラーそのままで(爆)、地道に検証するヒントにしたいサイトであります。
- http://html5-lab.jp/checker/ というサイトがあります。