https://coggle.it/diagram/Vz9LvW8byvN0I38x

https://codecombat.com/play/level/shadow-guard?

http://php-web.net/security/sanitize.html

http://kojika17.com/2013/06/clearfix-2013.html

https://prettier.github.io/prettier/#%7B%22content%22%3A%22hello%20(%20%5C%22world%5C%22%5Cn)%3B%5Cn%5Cn%5B%20%5C%22lorem%5C%22%2C%20%5C%22ipsum%5C%22%2C%20'dolor'%2C%20sit(%5C%22amet%5C%22)%2C%20consectetur%5B%20'adipiscing'%20%5D%20%2B%20%5C%22elit%5C%22%20%5D.reduce(%5Cn%20%20(first%2C%20second)%20%3D%3E%20first%20%2B%20second%2C%5Cn%20%20%5C%22%5C%22)%5Cn%5Cnconst%20Foo%20%3D%20(%7B%20bar%2C%20baz%2C%20things%20%7D)%20%3D%3E%20%7B%5Cn%20%20return%20%3Cdiv%20style%3D%7B%7B%5Cncolor%3A%20%5C%22papayawhip%5C%22%7D%7D%3E%5Cn%20%20%20%20%3Cbr%2F%3E%7Bthings.map(thing%20%3D%3E%20reallyLongPleaseDontPutOnOneLine(thing)%20%3F%20%3Cp%3E%7Bok%7D%3C%2Fp%3E%20%3A%20%3CQuax%20bar%3D%7Bbar%7D%20baz%3D%7B%20baz%20%7D%20%7B...thing%7D%3E%3C%2FQuax%3E)%5Cn%20%20%7D%3C%2Fdiv%3E%7D%22%2C%22options%22%3A%7B%22printWidth%22%3A80%2C%22tabWidth%22%3A2%2C%22singleQuote%22%3Afalse%2C%22trailingComma%22%3A%22none%22%2C%22bracketSpacing%22%3Atrue%2C%22jsxBracketSameLine%22%3Afalse%2C%22parser%22%3A%22babylon%22%2C%22semi%22%3Atrue%2C%22useTabs%22%3Afalse%2C%22doc%22%3Afalse%2C%22ast%22%3Afalse%7D%7D

https://uxdesign.cc/ultimate-start-guide-for-beginner-ux-ui-designer-b848be089589

https://www.codecademy.com/learn/learn-javascript

https://medium.freecodecamp.com/my-giant-javascript-basics-course-is-now-live-on-youtube-and-its-100-free-9020a21bbc27

http://webdesignmagazine.net/javascript/jquery-plugin-carousel/

ReactJS :https://github.com/vasanthk/react-bits/blob/master/anti-patterns/02.findDOMNode.md

http://www.therightcode.net/

http://mikeschinkel.com/blog/basecampprojectmanagementblindedbyideology/

http://codepen.io/rachelandrew/pen/YqqdXL

https://familysearch.org/frontier/styleguide/#cards

https://medium.freecodecamp.com/an-animated-guide-to-flexbox-d280cf6afc35

ColorZilla (https://addons.mozilla.org/ja/firefox/addon/colorzilla/)

https://rachelandrew.co.uk/css/cheatsheets/box-alignment

http://jensimmons.com/post/feb-27-2017/learn-css-grid

https://material.io/color/#!/?view.left=0&view.right=0

http://yoksel.github.io/flex-cheatsheet/#flex-direction

https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

https://github.com/maisano/react-router-transition

https://github.com/chenglou/react-motion

https://hackernoon.com/the-ultimate-css-grid-cheat-sheet-in-2021-as5i3353

https://drafts.csswg.org/css-grid/#overview-grid

https://material.io/guidelines/layout/responsive-ui.html

http://gridbyexample.com/examples/#example1

http://adrianroselli.com/2015/10/html-source-order-vs-css-display-order.html

https://learnredux.com/account/access/594b231015144936bb397e18/view/a721c10888

https://www.slideshare.net/rachelandrew/render-conf-start-using-css-grid-layout-today

https://unsplash.it (use directly a link don't need to download the photo)

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout

https://alistapart.com/article/learning-from-lego-a-step-forward-in-modular-web-design

http://www.webcreatorbox.com/tech/css-grid-layout/

https://css-tricks.com/snippets/css/complete-guide-grid/

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout

https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862

https://speakerdeck.com/rachelandrew/the-new-css-layout-4

http://www.standardista.com/html5/html5-web-forms/

https://www.scutum.jp/information/web_security_primer/

http://r12a.github.io/apps/conversion/

http://www.webcreatorbox.com/en/tag/webdesign/

https://fonts.googleapis.com/css?family=Alegreya%20Sans:300,400,700,400italic&subset=latin,latin-ext

http://coliss.com/articles/build-websites/operation/work/collection-of-html-head-elements.html

https://fonts.googleapis.com/css?family=Amiko:300,400,700,400italic&subset=latin,latin-ext

https://hackernoon.com/how-to-design-your-app-or-website-for-free-2d8q35iu

https://www.sublimetext.com/ (https://docs.emmet.io/cheat-sheet/)

https://skillcrush.com/blog/web-developer-free-resources/

https://dev.to/alexomeyer/top-20-web-development-learning-resources-from-beginner-to-advanced-4h8a

https://skillcrush.com/blog/99-web-design-resources-free/

https://the-webdesigner.co/web-design-development-resources/#t-1598644068928