田中満里奈
SampleCode
Portfolio Site
- Portfolio Site →後でブラッシュアップしていきます。
HTML
- 01 BASIC SAMPLE
- 02 TAG P(段落と改行)
- 03 TAG H1(見出しタグ)
- 04 TAG LIST(リストタグ)
- 05 TAG A(リンクタグ)
- 06 TAG PRE(スペース改行そのまま)
- 07 TAG TABLE(表を作成)
- 08 TAG IMG(画像を表示)
- 09 TAG AUDIO/VIDEO(動画、音声)
- 10 TAG IFRAME(埋め込む)
- 11 TAG FORM(入力・送信フォーム)
CSS
- 01 BASIC SAMPLE
- 02 COLOR
- 03 SIZE(文字サイズ)
- 04 BG IMAGE
- 05 レイアウトサンプル
- 06 レイアウトサンプル(headerの中にnav )
- 07 レイアウトサンプル(mainの中にnav )
- 08 レイアウトサンプル(header, footer が画面幅100%)
: - 09 試作(花)
- 01 レスポンシブサンプル(@mediaを使って追加上書き)
- 02 レスポンシブサンプル(@importでモバイル用とPC用を読み分け)
JavaScript
jQuery
- 01 BASIC SAMPLE
- 02 エフェクト・アニメーション
- 03 クリックで開閉するメニューのサンプル
- 04 animateを使って縦スクロールをスムーズに
- 01 Slider プラグイン(定番スライダー bxSlider)
- 02 LightBox プラグイン(クリックで画像が拡大するLightBox)
PHP
APPENDIX
制作環境
- OS: Windows 10 Pro (Lenovo ThinkStation)
- Editor:Atom
- Browser:Chrome, Firefox
- ImageEditor:
公開リポジトリ
- GitHub:https://github.com/tana-mari