矢幡龍星
SampleCode
HTML
- BASIC SAMPLE(HTML基本構造)
- TAG P(段落・改行)
- TAG H1 - H6(見出し要素)
- TAG LIST(箇条書き)
- TAG DL/DT/DD(説明リスト / 定義リスト)
- TAG PRE(整形済みテキスト)
- TAG TABLE(表を表示)
- HTML IMG(画像)
- HTML AUDIO&VIDEO(音声&動画)
- HTML IFRAME(入れ子で配置)
- HTML FORM(入力・送信フォーム)
CSS
- BASIC SAMPLE(基本構造)
- COLOR(色指定)
- SIZE(フォントサイズ)
- BG IMAGE(画像を背景に)
- Layout Sample 1(レイアウトサンプル)
- Layout Sample 2(header の中に nav)
- Layout Sample 3(main の中に 3つのブロック)
- Layout Sample 4(header, footer が画面幅100%)
- ResponsiveDesign 1(@media)
- ResponsiveDesign 2(@import)
JavaScript
- BASIC SAMPLE1(基本構造l)
- BASIC SAMPLE2(基本構造ll)
jQuery
- BASIC SAMPLE(基本構造l)
- EFFECT(エフェクト・アニメーション)
- TOGGLE BASIC>https(メニューのトグル)
- SMOOTH SCLOLL(スムーズスクロール)
- BX SLIDER(Slider プラグイン)
- LightBox(クリックで画像が拡大する)
PHP
(Under Construction)
APPENDIX
制作環境
- OS: macOS 10.15.1 (MacBook Air)
- Editor:Atom
- Browser:Chrome, Firefox, Safari
- ImageEditor:
- portfolio:https://19as601-ryusei.github.io/portfolio/
公開リポジトリ