Web制作するときに使っているスターターテンプレート
http://dev.creatorish.com/demo/web-template/demo.html
- リセット系CSS(reset.css/normalize.css)を同梱
- グリッドレイアウトシステム採用
- スムーススクロール・ロールオーバー機能
- SNSボタンの記述とJS読み込み設定済
- OGP関連タグ記述済
- スマートデバイス関連のmetaタグ記述済
※ソーシャル関係のスクリプトを//○○.com/の形で呼び出しているため、ローカル環境ではSNSボタンが表示されません。
このテンプレートは本当に最小限のものしかついていません。 ページ制作の一番最初の部分を少しだけ省くことを目的としています。
使いやすいようにカスタマイズしてご利用ください。
snipet.jsではロールオーバー、スムーススクロール、スマートフォンアクセスの確認機能が定義されています。
デモページにあるようにaタグで囲まれた○○_offのある画像にマウス合わせると自動的に○○_onの画像に差し替えます。
スムーススクロールはhref="#○○"と記述されているのを自動的にスムーズにスクロールするようにしてくれます。 詳しくはページ内リンクをスマートにするsmoothScroll.jsをご覧ください。
グリッドCSSはIE6から対応の自作グリッドCSSシステムのGridishを使用しています。
Copyright © 2012 creatorish.com Distributed under the MIT License.
creatorish yuu
Weblog: http://creatorish.com
Facebook: http://facebook.com/creatorish
Twitter: http://twitter.jp/creatorish