LogoMark.png

紀野はるか/WebSample の変更点


#author("2020-07-22T17:28:37+09:00","default:member","member")
#author("2020-07-22T17:40:33+09:00","default:member","member")
*[[紀野はるか]]
SampleCode
~

**HTML
-[[BASIC SAMPLE>https://Kinock410.github.io/html_sample_01/]](HTML基本構造)
-[[TAG P>https://Kinock410.github.io/html_sample_02/]](段落・改行)
-[[TAG H1 - H6>https://Kinock410.github.io/html_sample_03/]](見出し要素)
-[[TAG LIST>https://Kinock410.github.io/html_sample_04/]](箇条書き)
-[[TAG DL/DT/DD>https://Kinock410.github.io/html_sample_05/]](説明リスト / 定義リスト)
-[[TAG PRE>https://Kinock410.github.io/html_sample_06/]](整形済みテキスト)
-[[TAG TABLE>https://Kinock410.github.io/html_sample_07/]](表を表示)
-[[HTML IMG>https://Kinock410.github.io/html_sample_08/]](画像)
-[[HTML AUDIO&VIDEO>https://Kinock410.github.io/html_sample_09/]](音声&動画)
-[[HTML IFRAME>https://Kinock410.github.io/html_sample_10/]](入れ子で配置)
-[[HTML FORM>https://Kinock410.github.io/html_sample_11/]](入力・送信フォーム)
~
~

**CSS
-[[BASIC SAMPLE>https://Kinock410.github.io/css_sample_01/]](基本構造)
-[[COLOR>https://Kinock410.github.io/css_sample_02/]](色指定)
-[[SIZE>https://Kinock410.github.io/css_sample_03/]](フォントサイズ)
-[[BG IMAGE>https://Kinock410.github.io/css_sample_04/]](画像を背景に)
-[[Layout Sample 1>https://Kinock410.github.io/css_sample_05/]](レイアウトサンプル)
-[[Layout Sample 2>https://Kinock410.github.io/css_sample_06/]](header の中に nav)
-[[Layout Sample 3>https://Kinock410.github.io/css_sample_07/]](main の中に 3つのブロック)
-[[Layout Sample 4>https://Kinock410.github.io/css_sample_08/]](header, footer が画面幅100%)
-[[ResponsiveDesign 1>https://Kinock410.github.io/responsive_sample_01/]](@media)
-[[ResponsiveDesign 2>https://Kinock410.github.io/responsive_sample_02/]](@import)
~
~

**JavaScript
-[[BASIC SAMPLE1>https://Kinock410.github.io/javascript_sample_01/]](基本構造l)
-[[BASIC SAMPLE2>https://Kinock410.github.io/javascript_sample_02/]](基本構造ll)
~
~


**jQuery
-[[BASIC SAMPLE>https://Kinock410.github.io/jquery_sample_01/]](基本構造l)
-[[EFFECT>https://Kinock410.github.io/jquery_sample_02/]](エフェクト・アニメーション)
-[[TOGGLE BASIC>https://Kinock410.github.io/jquery_sample_03/]](メニューのトグル)
-[[SMOOTH SCLOLL>https://Kinock410.github.io/jquery_sample_04/]](スムーズスクロール)
~
-[[BX SLIDER>https://Kinock410.github.io/plugin_sample_01/]](Slider プラグイン)
-[[LightBox>https://Kinock410.github.io/plugin_sample_02/]](クリックで画像が拡大する)
~
~

**PHP
(Under Construction)
~
~
~
~


**APPENDIX
***制作環境
-OS: Microsoft Windows 10 Pro
-Editor:Atom
-Browser:Chrome
-ImageEditor:
-Portfolio:https://Kinock410.github.io/portfolio/
~

***公開リポジトリ
-GitHub:https://github.com/Kinock410
-PortFolio:https://Kinock410.github.io/portfolio/
~
~