###### tags: `Joken講座` `CSS` `HTML`
# 2018Joken Webデザイン入門講座 リンク集 #1 #2

# HTML・CSS

[Joken勉強会の詳細ページ - connpass](https://nitnc.connpass.com/)

## 資料

<!-- ### 第一回 //昨年
* [発表資料PDF](https://naknao-nnct.github.io/web_beginner/01_/Joken_web_beginner_01.pdf)
* [課題見本](https://naknao-nnct.github.io/web_beginner/01_demo/form.html)
* [課題見本の内部コード](https://github.com/NAKNAO-nnct/web_beginner/blob/master/01_demo/form.html) -->

### 第一回
- [発表資料](https://speakerdeck.com/chige/joken-web-designjiang-xi-hui-number-2-ea510da4-38e1-4bcc-a962-c9e200380311)
- [Web配布資料](https://hackmd.io/@chige12/HJwlDZDyH)

### 第二回
<!-- * [発表資料](https://speakerdeck.com/chige/joken-web-designjiang-xi-hui-number-2) -->
* [Web配布資料](https://hackmd.io/s/BkHPF4cyN)
* [ress.cssのgithubページ](https://github.com/filipelinhares/ress/blob/master/ress.css)
* [Github_sample](https://github.com/Chige12/joken-web-beginners-2)
* [sample-1](https://chige12.github.io/joken-web-beginners-2/sample-1/sample.html)
* [sample-2](https://chige12.github.io/joken-web-beginners-2/sample-2/sample.html)
* [sample-3](https://chige12.github.io/joken-web-beginners-2/sample-3/sample.html)

## 参考サイト

分かりやすくまとめられたサイトなのでぜひご活用を

* [【爆速】HTML5 + CSS3で簡単にWebデザインしよう！](https://qiita.com/Y_ASAMOTO/items/90afe7d24467020c17f0)
* [CSSデザインサンプル](http://www.css-designsample.com/)

## よりカッコいいサイトを作りたい人はこちら

デベロッパーツールでWebサイトのコードを確認してみると新たな発見があるかも。

* [コピペで使えるCSSデザインサンプル集](https://saruwakakun.com/html-css/reference/css-sample)
* [Webデザインを勉強する時に参考にしたいまとめサイト・記事25選](https://techacademy.jp/magazine/1003)

## より深く理解したい人はこちら
* [無料で学べる Progate](https://prog-8.com/)
* [無料動画講座 どっといんすとーる](https://dotinstall.com/lessons)
* [CSS良本 まとめサイト](https://saruwakakun.com/html-css/reference/study)