低価格・高品質・最速のHTMLコーディングはクロノドライブへ

お電話でのお問い合わせ・ご相談はこちら 03-6416-5813 [C-0]

お見積もりフォーム

PCサイトコーディング-セルフプラン-コーディングレギュレーション

コーディングレギュレーション改訂履歴

2016.02.22 jQueryのバージョン更新 NEW
3.対応ブラウザの変更に伴い、4.JavaScriptのjQueryのバージョンを2.2.0に変更
2015.08.07 jQueryスライダープラグインの更新
30.スライダー・カルーセル、31.スライドショーで使用していた sliderkit.js の更新停止に伴い、 slick.js へ変更

コーディングレギュレーション

※このレギュレーションは予告なく変更されることがあります。

番号 項目 規則 変更 備考
1 HTML HTML5 × -
2 文字コード UTF-8 見積りの際にご指示ください。
3 対応ブラウザ

<Windows 7>
・Internet Explorer 11
・Google Chrome 最新版
・Firefox 最新版

<Mac OS X 10.11>
・Safari 最新版
オプション対応となります。見積りの際にご指示ください。
※変更された際の料金は「オプション料金表」をご確認ください。
4 JavaScript jQuery2.2.0 × -
5 CSS CSS2.1、3.0 × -
6 スタイルシートの
ID・クラス命名規則
キャメルケース × JavaScriptで操作する対象に関してはキャメルケースではなくなる場合があります。
7 HTMLファイル命名規則 ページを端的に表した英単語 ディレクトリマップに指示がある場合は、そちらに従います。
8 CSSファイル命名規則 ・呼び出されるHTMLに合わせる
・複数のHTMLから呼び出される場合は総括した名前とする
ディレクトリマップに指示がある場合は、そちらに従います。
9 画像ファイルの命名規則 「ページ名」_「部位」_「種類」_「詳細」「番号(連番)」_「状態」.「拡張子」
例:head_bg01.png
× 画像や配置ディレクトリによってファイル名に付加する情報を変更します。
10 共通ファイルの格納場所

<HTML>
/templates/**.html(php)

<CSS>
/css/common.css

<画像>
/img/common/
ディレクトリマップに指示がある場合は、そちらに従います。
11 共通部位の外部ファイル化 指示がなければ行わない PHPかSSIによるインクルードを見積りの際にご指示ください。
12 CSSの読み込み link要素 × "@import"は使用しません。
13 印刷対応 ・コンテンツが前後の関係性を壊さず問題なく文章を読めるレベルで対応する
・IE6の対応がある場合はzoomを使い、コンテンツ幅が用紙サイズに収まるようにする
・リンクメニューなど印刷時に不要なものは削除する
・ロゴやページタイトルなど印刷物を識別するための情報は残す
× ブラウザと同じ表示にするといった対応は行いません。
14 機種依存文字 UTF-8以外の文字コードの場合には実体参照に変換する × -
15 画像形式 JPEG / PNG / GIF × GIFはアニメーションの場合のみ使用します。
16 画像の画質

<JPEG>
Photoshop:80
Fierworks:90

<PNG/GIF>
カラー:256
見積りの際にご指示ください。
17 コードフォーマット ・入れ子構造に合わせて1インデント
・読みやすい形で適宜改行
・開始タグと終了タグの関係性が不明瞭な場合は、終了タグの後ろにコメントを入れる
 (例えばスクロールしないと開始タグと終了タグが確認できない場合など)
× -
18 インデント タブ(スペース4つ分) × -
19 Pathの種類 ・サイト内リンクは相対パスとサイトルート相対パスを適宜使用する
・複数のページで読み込むようなCSSや画像はサイトルート相対パスとする
× -
20 Path中のindex.htmlの省略 省略する 見積りの際にご指示ください。
21 画像のalt ・テキストが載った画像の場合は同じ内容を入れる
・人物写真、風景写真、グラフ、イメージ画像、イラストといった画像の場合に、
その画像がなくなってもコンテンツが成立する場合は空とする
× 見積りの際にご指示ください。
22 お問い合わせフォームプログラム 規定のフォームプログラム × -
23 メールアドレスの暗号化 JavaScriptで暗号化しメールアドレス収集ロボットに収集されにくい状態にする 見積りの際にご指示ください。
24 SNSボタンの設置 支給されたソースコードを該当箇所に設置する × ご支給頂けない場合は、サンプルで対応いたします。
25 スムーススクローラー smoothscroll.js × -
26 ロールオーバー 弊社独自のもの × -
27 タブ切り替え jQuery UI × -
28 アコーディオン jQuery UI × -
29 ライトボックス・モーダルウィンドウ colorbox.js 見積りの際にご指示ください。
30 スライダー・カルーセル slick.js 見積りの際にご指示ください。
31 スライドショー slick.js 見積りの際にご指示ください。
32 ニュースティッカー jquery.simpleTicker.js 見積りの際にご指示ください。
33 ドロップダウンメニュー 適宜判断 見積りの際にご指示ください。
34 追従スクロール 適宜判断 見積りの際にご指示ください。
35 ツールチップ 適宜判断 見積りの際にご指示ください。
36 遅延ロード lazyload.js × -
37 画像切り替え 適宜判断 × -
38 プレースホルダー 適宜判断 × -
39 IE6用透過PNG対応 適宜判断 × -
40 IE6用 position: fixed 対応 適宜判断 × -
41 文字サイズ変更 適宜判断 × -
42 リアルタイムバリデーション exvalidation.js 見積りの際にご指示ください。
43 スクロールバー装飾 適宜判断 × -

よくあるご質問

A

オプションにて対応しております。価格と納期に関しましては「オプション料金表」ページをご覧ください。

A

コーディングテンプレートとは、HTMLのレイアウトセットやCSSのスタイルがあらかじめ設定されている、ひな型のことを指します。弊社ではコーディングしやすいよう独自のものを使用しております。