HTML5 템플릿 생성기, 프레임 워크 및 도구
최근 웹 디자인 업계의 대기업들이 HTML5를 채택하고 있지만 실제로 많은 사람들이 실용적인 솔루션으로 사용하지 않고 있습니다. 대부분 시간이나 이해가 부족하기 때문입니다. 특정 시간에 언어를 홍보하는 경우 HTML5 템플릿 생성기 및 프레임 워크를 생성하여 문제를 해결하는 데 열광하는 애호가가있을 것입니다.
Hongkiat에서는 개발 작업을 가능한 한 쉽게하기를 원하므로 HTML5 개발 속도를 높이거나 브라우저 호환성과 같은 문제를 쉽게 해결할 수있는 HTML5 템플릿 생성기 및 프레임 워크 목록이 아래에 나와 있습니다. 하루가 지나면 HTML5 개발은 이러한 발전기 및 프레임 워크로만 더 쉽고 행복해질 것입니다.!
왜 프레임 워크인가??
실제로 프레임 워크를 배우는 데 약간의 시간이 걸릴 수도 있지만 프레임 워크를 준비하는 데 필요한 모든 사항은 내용에 따라 약간의 수정이 필요합니다. 또한 걱정하지 마세요. HTML5 템플릿 생성기 나 바로 사용할 수있는 프레임 워크를 사용하는 것을 세계가 경멸하지 않을 것입니다.. 실용성이 먼저 온다.!
게다가, 거기에 일반적으로 사용하는 프레임 워크는 충성스런 다음과 지원을합니다. 프레임 워크를 사용하는 장점은 브라우저 간 호환성 및 플랫폼 간 호환성과 같은 심각한 문제에 대해 걱정할 필요가 없다는 것입니다. 그러나 물론 오픈 소스 라이브러리와 프레임 워크의 원인에 기여할 수 있습니다..
결국 디자인 도구 상자에 추가 장비가있는 것이 좋습니다.!
템플릿 생성기 및 프레임 워크
이니셜 라이저
HTML5 템플릿을 생성하는 데 필요한 모든 클릭은 거의 없습니다. Initializr은 또한 템플릿에 자바 스크립트 또는 jQuery, 서버 구성 및 Google 애널리틱스를 포함 시킬지 여부를 선택할 수있는 옵션을 제공합니다..
Initializr은 또한 HTML5BoilerPlate를 기반으로합니다. HTML5BoilerPlate는 HTML5 파악 기능을 확장하고, 기능을 추가하며, 전체 사이트를 향상시키는 또 다른 훌륭한 도구입니다..
HTML5 템플릿 생성기
또 다른 방법은 Shikiryu.com의 HTML5 템플릿 생성기입니다. 그것은 웹 사이트의 저자에 대한 설명을 포함하는 추가 옵션을 가지고 있으며, 그들이 자동으로 템플릿에 삽입되기를 원할 경우를 대비하여 Favicon 및 Apple Touch 아이콘에 대한 옵션을 포함합니다.
SwitchToHTML5
또 다른 훌륭한 HTML5 프레임 워크 생성기는 SwitchToHTML5입니다. 다른 것들과 마찬가지로, 다음과 같은 몇 가지 요소를 추가 할 수 있습니다. ,
,
,
, 다른 사람. SwithToHTML5는 또한 Internet Explorer를 지원할지 여부를 선택할 수있는 옵션을 제공합니다. IE9 이전 버전의 경우 기본적으로 HTML5를 지원하지 않기 때문입니다..
개혁 된
말하자면, 나는 양식을 만드는 것을 싫어하는 유일한 사람이 될 수는 없지, 그렇지? 양식을 만드는 것은 적어도 나와 같은 사람들에게는 지루한 작업입니다. 그래서 개혁 된 사람들이 깨끗하고 기능적인 양식을 만드는 것을 돕기 위해 여기에있었습니다! 개량 된 HTML5 폼 빌더는 매우 가볍고 처음부터 폼을 작성하는 것처럼 너무 많은 문제를 일으키지 않습니다..
오프라인으로 작업하려면 비용을 지불해야하지만 웹 응용 프로그램과 독립 실행 형 데스크톱 응용 프로그램의 두 가지 버전이 있습니다. 글쎄, 당신이 응용 프로그램을 좋아한다면, 몇 가지 사랑을 보여라.!
모더니즈
Modernizr을 사용하여 HTML5 및 CSS3를 활용하십시오. 개발자가 HTML5 및 CSS3을 통합 한 최상의 웹 사이트를 만들 수 있도록 지원하는 오픈 소스 JavaScript 라이브러리입니다..
이전 버전의 브라우저는 Modernizr의 문제가 아니므로 방문객은 브라우저의 버전이 무엇이든 관계없이 볼 수있는 것을 보게됩니다..
52 프레임 워크
기술적으로 발전기가 아니라 개발 프로세스를 신속하게 처리 할 수있는 다운로드 가능한 프레임 워크. 52framework는 HTML5의 번거 로움을 없애고 모든 것을 바로 앞에 놓아 빠르고 쉽게 개발할 수 있도록합니다..
52framework는 다양한 브라우저를 지원하므로 브라우저 간 호환성을 줄여줍니다. 개발자들에게 좋은 소식이 있습니까? 심지어 IE6 부분적으로 지원합니다.!
HTML5 편집기
알로하 편집기
개발을 앞당기는 서비스와 응용 프로그램에 대해 이미 이야기하고 있으므로 xHTML5 호환 콘텐츠로 사이트 콘텐츠를 편집하는 데 도움이되는 놀라운 도구가 있습니다..
Aloha Editor는 편집기가 아닌 HTML5 편집기이지만 편집기에서 변경 사항을 적용하자마자 즉시 사이트 내용을 수정할 수있는 WYSIWYG 편집기입니다..
왈라비
플래시 애니메이션을 HTML5로 변환하려는 모든 꿈? Adobe의 프로젝트 인 Wallaby는 Flash 애니메이션과 아트웍을 HTML5로 변환하여 Dreamweaver 나 다른 편집자에서 파일을 편집 할 수있게합니다..
참고 문헌
HTML5로 들어가기
크리에이티브 한 사고 방식으로 HTML5에 대해 배우기 시작한 위대하고 즐거운 책입니다. HTML5의 작동 방식을 이미 알고있는 사람들에게 새로운 아이디어를 제공하는 좋은 자료이기도합니다..
HTML5 참조
HTML5에 대한 최초의 W3C 가이드로서 초보자를위한 단순함과 실제 응용 프로그램에 중점을두고 고급 웹 개발자를위한 자세한 정보를 제공합니다..
더
지금은 실제로 볼 것이별로 없습니다. HTML5 프레임 워크와 템플릿을 사용할 수있는 툴은 상대적으로 많지 않습니다. 링크를 확인해도 알 수 있듯이 각 생성기 / 프레임 워크의 기능 대부분은 비슷합니다. 멋진 HTML5 웹 사이트를 개발할 때 사용하는 도구가 누락되었을 수 있으므로 의견을 남기고 공유하고 싶다면!
또한 HTML5에 대해 더 알고 싶다면 Google의 게시물을 확인하십시오.!
- HTML5 : 15 가지 실험 경험
- HTML5 : 19 개의 웹 애플리케이션
- HTML5 : 잠재적 인 플래시 킬링 데모 48 개
- Ajax 기반 HTML5 / CSS3 문의 양식 만들기