웹솔루션개발 25년 노하우! 해피CGI의 모든것

피그마는 2016년 출시 이후 강력한 디자인 플랫폼으로서 자리를 잡아 나가고 있습니다. 브라우저 기반의 프로그램으로서 업데이트의 어려움이나, 화면을 동기화하거나, 다른 팀원들과의 작업 상의 문제를 손쉽게 해결할 수 있는 특징을 지니고 있는 프로그램입니다. 특히 실시간 협업 기능은 피그마가 가장 자랑하는 기능 중 하나로서 여러 플랫폼에서 사용이 가능함과 동시에 러닝커브가 굉장히 낮은 것을 특징으로 합니다 자세한 내용은 데모링크를 통해서 무료사이트 및 내용을 확인하실 수 있습니다. ^^

클릭 몇번 만으로 반응형 HTML 템플릿을 만들 수 있는 사이트 aperitif 입니다. "LET's GO!" 버튼을 클릭하면 아래이미지와 같은 페이지로 이동합니다. 왼쪽 부분에서 채우고자 하는 칸을 클릭한 후, 오른쪽 부분에서 원하는 디자인을 선택합니다. HEADER, CONTENT, BLOG, FOOTER와 같이 성격에 맞는 카테고리를 선택하여서 디자인을 확인하실 수 있습니다. 원하는 디자인 선택을 완료한 후, 우측 상단에 "GENERATE" 버튼을 클릭하면 'file.zip' 파일을 다운받으실 수 있습니다. zip파일 압축을 풀어보면 html, css, js 파일을 확인하실 수 있습니다. html파일을 브라우저에 띄워보면 위 이미지와 같이 템플릿이 완성된 버전을 확인해 보실 수 있습니다. 소스 수정..

템플릿언더바 (Template Underscore)는 PHP에서 이용이 가능한 템플릿 Class 입니다. 제작사의 홈페이지는 https://tpl.xtac.net/ 입니다. 해당 Class는 2004년 초기버전부터 2015년 마지막 패치까지 꽤나 오래된 템플릿 Class 입니다. 마지막 버전으로 PHP 7.x 에서도 이용이 가능합니다. 해당 홈페이지에 접속을 하여 템플릿을 이용하는 사용 설명을 확인이 가능 합니다.

부트스트랩 무료 템플릿 사이트입니다. 다양한 템플릿 파일을 미리보기 버튼을 눌러 볼수 있으며 다운로드도 가능합니다. 위 라이브 프리뷰를 누르면 데모 확인 / 다운로드 또는 github를 통해서 소스를 확인하실수도 있습니다. 그리고 부트스트랩은 빠르고 쉬운 웹개발을 위해서 제공되는 프레임워크이며 이를 이용하여 사이트를 만들수 있습니다. 사용방법은 부트스트랩 및 부트스트랩 사용법등 검색을 하시면 다양한 검색결과를 확인하실 수 있으며 [부트스트랩 사용법] 아래의 사이트에서 쉽게 사용법을 정리해두었으니 참고 하시면 좋으실것 같습니다. http://tworab.tistory.com/71 기본적인 반응형웹 및 커스텀도 유용하여 사이트 제작에 도움이 되리라 생각합니다 ^^

Outdoors Template 템플릿으로 원 페이지형 사이트나 이벤트형 사이트를 만들기에 좋은 템플릿인듯 합니다. 반응형 형태로도 제작이되어 있으며 css3를 사용하기때문에 하위 브라우저에서는 정상 노출이 안될수도 있을듯 하네요 링크로 접속하여 해당데모 확인 및 소스를 다운로드 받을수 있습니다. 사이트 제작에 많은 도움이 되었으면 합니다 ^^

픽셀부다는 원 페이지 사이트를 만들 수 있는 무료 템플릿을 제공해 주는 사이트입니다. http://pixelbuddha.net/freebie/freebie-white-one-page-html-template http://pixelbuddha.net/freebie/freebie-forkio-one-page-html-template 등 메뉴에서 GIF, ICONS, PHOTO 등 디자인이 상당히 좋습니다. 유료가 있습니다만, 무료로 등록된 이미지도 확인 하실 수 있습니다. http://pixelbuddha.net/freebie/modern-flat-preloader-free-set http://pixelbuddha.net/freebie/hi-res-photo-set-2