コーティングスキル

制作会社様のコーティング下請け賜っています。

HTML CSSのw3cチェック、クロスブラウザチェックに対応します。

ご相談はこちらからご連絡下さい。


HTML CSS コーティング例

●フルスクリーンタイプのコーティング例 

ページURL https://yoshitomotomo.github.io/fullscreen/fullscreen/index.html

ソース(Github) https://github.com/yoshitomotomo/fullscreen.git

●フルスクリーンタイプ モバイル用レスポンシブデザイン例

ページURL https://yoshitomotomo.github.io/resp-full/Resp-full/

ソース(Github) https://github.com/yoshitomotomo/resp-full.git

●2カラムタイプのコーティング例

ページURL https://yoshitomotomo.github.io/2column/2column/

ソース(Github) https://github.com/yoshitomotomo/2column.git

●タイルレイアウトのコーティング例(css gridバージョン)

ページURL https://yoshitomotomo.github.io/resp-tile/Resp-tile/

ソース(Github) https://github.com/yoshitomotomo/resp-tile.git

●タイルレイアウトのコーティング例(css flex-boxバージョン)

ページURL https://yoshitomotomo.github.io/Resp-tile-flexbox/Resp-tile-flexbox/index.html

ソース(Github) https://github.com/yoshitomotomo/Resp-tile-flexbox.git

パーツ別各種CSS設計

使用するリセットCSSのタイプについて

●ハードリセット系CSS(ブラウザのデフォルトスタイルを活かさないプロジェクト用)

Css-wipe(ソースコード)https://github.com/stackcss/css-wipe

 HTML5DoctorResetCSS http://html5doctor.com/html-5-reset-stlyesheet

●ノーマライズ系CSS(ブラウザのデフォルトスタイルを多く活かすデザインプロジェクト用)

Normalize(ソースコード)https://github.com/necolas/normalize.css/blob/master/normalize.css

ヘッダー

ページURL https://yoshitomotomo.github.io/header-1/header/index.html

ソースコード(Github) https://github.com/yoshitomotomo/header-1.git

フッター

JQUERY  各種アニメーションの実装

WORDPRESS