작성일자
카테고리 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/

 


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

 

저작자 표시 비영리 변경 금지
신고

비밀댓글입니다

BlogIcon 베누시안

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

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

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

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

티스토리 툴바