작성일자
카테고리 Javascript/JQuery

웹 개발 시 유용한 사이트를 소개합니다. 


http://tympanus.net/codrops/




웹 개발자라면 웹디자인 소스를 찾다가 한번쯤은 들렀을 정도고 아주 유명한 사이트입니다. 새로운 글들이 올라와 데모를 확인하면 아주 놀라울 정도로 참신합니다. 메뉴에서 Tutorial은 웹 개발 시 필요한 소스와 함께 깊이 있는 강좌가 있습니다. 개별 글에서 데모를 확인할 수 있습니다. Playground 메뉴에서는 최신의 기술을 사용한 강좌가 있습니다. Blueprints에서는 실험적인 강좌와 소스가 있습니다. 중요한 것이 Collective 메뉴의 콘텐츠인데 이곳에는 여러 사이트에서 새로 올라온 글 중 신선한 내용을 목록형태로 보여주고 해당사이트로 이동할 수 있습니다. 이 사이트를 통하면 이와 비슷한 사이트를 만나볼 수 있습니다. 그중 몇 곳을 알아보면 다음과 같습니다.


http://tutorialzine.com/



이곳도 Codrops처럼 강좌와 소스, 데모를 제공합니다.


http://codyhouse.co/



이곳의 소스는 모두가 유용합니다. 라이브러리를 둘러보면 모든 소스를 다운로드 받게 될 정도로 내용이 좋습니다.


https://github.com/moklick/frontend-stuff#lazy-loading


이곳은 깃허브 사이트로 개발자가 자신이 사용하는 각종 소스가 있는 웹사이트를 링크해놓았습니다.


http://pixelbuddha.net/



각종 무료 소스가 많습니다.


https://bootstrapbay.com/blog/free-stock-photos/



무료 이미지 사이트 목록 페이지입니다. 품질 좋고 용량이 큰 이미지 스톡이 많습니다. 이 사이트의 글 내용에 의하면 이미지를 이용해 무슨 짓을 해도 된다고 합니다. 즉 상업용으로 사용해도 되고 배포해도 된다는 의미. 위 사이트의 목록 중 아래의 링크가 이미지를 내려받기 편합니다. 스크롤하면 계속 업로드 됩니다.


https://unsplash.com/


 

http://www.onextrapixel.com/

 

 

강좌와 소스

 

http://www.webappers.com/

 

 

 

강좌 및 소스

 

 http://wwwhere.io/

 


웹 관련 디렉토리 사이트 - 위에서 언급한 사이트 모음

 

비밀댓글입니다

베누시안

일반적으로 코드를 내려받게 돼있는 사이트는 대부분 상업용으로 사용해도 됩니다. 유료인 경우 download 버튼 인근에 라이센스 관련 내용이 있습니다.

각 사이트마다 license나 term이라는 링크를 찾아보면 코드의 사용 조건에 대해 나옵니다. 모두 상업용으로 사용해도 됩니다.

팀파누스 : http://tympanus.net/codrops/licensing/

코디하우스 : http://codyhouse.co/terms/

티스토리 툴바