혼자서 프로젝트 하기

• 혼자서 프로젝트 하기

• 기획
• 내가 필요한것
• 만들어 보고 싶은 것
• 공부해보고 싶은 것

• 와이어 프레임
• http://sneakpeekit.com
• 직접 구조 디자인 해보기

• 디자인
• 디자이너랑 친해지자
• 디자인 벤치마킹
• 그래픽 도구를 하나정도는 배워두자
• 이쁜 디자인도 합치면 안이쁘다
• 색은 직접 고르지 말자
• http://dribbble.com
• https://kuler.adobe.com/create/color-wheel/
• https://wrapbootstrap.com
• http://purecss.io
• http://designmodo.github.io/Flat-UI/
• http://codepen.io/popular/

• 타이포그라피
• 이번에도 벤치마크
• 한글이 들어가면 안이쁘다
• http://www.picksumipsum.co.uk
• http://guny.kr
• http://fortawesome.github.io/Font-Awesome/
• https://pictonic.co/free

• 개발
• Github https://github.com
• Bitbucket https://bitbucket.org
• 라이센스
• http://choosealicense.com
• https://www.olis.or.kr/index.do
• Grunt-init https://github.com/gruntjs/grunt-init
• Yo (Yeoman) http://yeoman.io
• Jenkins http://jenkins-ci.org
• https://travis-ci.org github생태계를 어떻게 사용하는지… 좋은 예
• https://coveralls.io
• https://saucelabs.com
• http://screensiz.es/phone
• http://troy.labs.daum.net
• http://dfcb.github.io/Responsivator/
• http://spoofer-extension.appspot.com
• http://gruntjs.com
• http://bower.io
• http://cdnjs.com

• 서비스
• 소셜공유
• https://twitter.com/about/resources/buttons
• https://developers.facebook.com/docs/plugins/
• https://developers.google.com/+/web/+1button/
• http://ghbtns.com
• 접속통계, 방문자수 체크 등
• http://www.google.com/analytics/features/analysis-tools.html
• http://uptimerobot.com
• http://newrelic.com/index_pop

출처 - 제12회 '공감'세미나 KSUG 아웃사이더님 현장 정리.