###### 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)