프론트앤드 개발시 유용한 사이트 모음

프론트앤드 웹스킬 한방에 정리한 사이트




HTML레이아웃 & CSS




CSS 라이브러리




부트스트랩 무료탬플릿 페이지

부트스트랩과 foundation을 사용하면 웹사이트가 다 비슷비슷해보이기 때문에 추천하지 않는다.
CSS라이브러리를 통해 나만의 사이트를 만들어보자.




홈페이지 레퍼런스




UI설계도구

UI목업툴 UI디자인툴
카카오 오븐: 프로토타이핑툴, QR코드 또는 URL로 공유가능 Figma 피그마 🌟 : 그래픽편집기, 프로토타이핑툴, 브라우저기반으로 실시간 협업가능
파워목업 : 파워포인트에 플러그인으로 목업 기능을 사용 가능 Sketch 스케치+Zeplin 제플린: 스케치는 맥 os기반 그래픽편집기, 프로토타이핑툴이기때문에 협업을 위해 제플린으로 파일공유해야하는 불편함있음




서체 사이트




이미지 무료사이트




호스팅 및 배포 사이트

정적사이트 배포




추가

  • 도움이 되는 영상 : 웹 서비스 구현의 모든 것! 무료 제작툴 39개 몽땅 알려드림! by 노마드코더