HTML5는 웹 개발 세계의 주요 변화입니다. HTML5는 사용 용이성, 강력한 상호 작용 및 쉬운 공유라는 장점을 가지고 있습니다. 모바일 인터넷의 부상과 함께 html5는 미래 트렌드를 대표합니다. 현재 Adobe에서도 사용자에게 Flash를 대체하기 위해 HTML5를 사용하도록 권장하고 있으므로 우리는 html5를 수용해야 하며 뒤처지지 않아야 합니다. html5 페이지를 만드는 데 일반적으로 사용되는 도구는 무엇입니까? 다음은 2017년 PHP 중국어 웹사이트에서 요약한 가장 포괄적이고 유용한 최신 HTML5 개발 도구 권장사항 33개입니다! html5 개발 소프트웨어, 온라인 h5 페이지 생성 도구, 국내 디자이너들이 흔히 사용하는 html5 도구, 그리고 해외의 우수한 html5 개발 도구 10가지를 에서 html5에 사용할 수 있는 개발 도구를 자세히 살펴보겠습니다.
1.html5 개발 도구 소프트웨어:
1. Dreamweaver(우수한 html5 시각적 개발 도구)
소프트웨어 다운로드 주소: http://www.php.cn/xiazai/gongju/469
도구 소개:
오래된 웹 페이지 편집 소프트웨어인 The 기능은 매우 강력합니다. 가장 큰 장점은 시각적 편집과 오류 프롬프트입니다. 프론트엔드 개발자와 웹사이트 개발자들 사이에서 매우 인기가 높습니다! Dreamweaver CC는 반응형 디자인, 코드 편집 개선, 장치 내 웹 페이지 미리 보기, Photoshop 합성물에서 다양한 해상도로 웹에 최적화된 이미지 일괄 추출에 중점을 둡니다. Bootstrap 프레임워크와의 통합은 모바일 우선의 반응형 웹사이트를 구축하는 데 도움이 됩니다. 시각적 미디어 쿼리는 다양한 중단점에서 디자인을 시각화하고 수정할 수 있도록 하여 반응형 웹 디자인 경험을 더욱 개선합니다. 사용자는 라이브 뷰에서 미리 볼 수 있을 뿐만 아니라 멀티 스크린 미리 보기 기능도 제공합니다. 훌륭한 HTML5 시각적 개발 도구. 개발자는 MultiScreen 미리보기 패널을 통해 HTML5 콘텐츠의 렌더링 효과를 볼 수 있습니다. 라이브 뷰는 WebKit 렌더링 엔진을 통해 HTML5를 지원합니다.
2. WebStorm MAC 버전(가장 강력한 HTML5 편집기)
소프트웨어 다운로드 주소: http://www.php.cn/xiazai /gongju /506
도구 소개:
사용하기 매우 쉬운 JavaScript 개발 도구로 대다수의 중국 JS 개발자가 "웹 프런트엔드"라고 극찬합니다. 개발 아티팩트" 및 "가장 유용한 도구" 강력한 HTML5 편집기", "가장 지능적인 JavaScript IDE" 등 IntelliJ IDEA와 동일한 기원을 가지며 IntelliJ IDEA의 강력한 JS 부분의 기능을 상속합니다.
3.browser-sync-master(시간을 절약해주는 브라우저 동기화 테스트 도구)
소프트웨어 다운로드 주소: http://www.php. /xiazai/gongju/666
도구 소개:
시간을 절약해 주는 브라우저 동기화 테스트 도구인 Browsersync를 사용하면 브라우저가 파일 변경 사항에 실시간으로 응답하고 신속하게(html, js, css, sass, less 등) 페이지를 자동으로 새로 고칩니다. 더 중요한 것은 Browsersync가 PC, 태블릿, 휴대폰 및 기타 장치에서 동시에 디버깅될 수 있다는 것입니다. 상상할 수 있습니다: "당신의 책상 위에 PC, iPad, iPhone, Android 및 기타 장치가 있고 디버깅해야 하는 페이지가 동시에 열린다고 가정해 보십시오. browsersync를 사용할 때 언제든지 코드를 저장할 때마다 위의 내용이 나타납니다. 변경 사항이 동시에 표시됩니다." 프론트엔드 엔지니어든 백엔드 엔지니어든 이 앱을 사용하면 작업 효율성이 30% 향상됩니다.
2. 온라인 html5 페이지 생성 도구
1 Baidu H5 h5.baidu.com
Tencent 팀에서 제작한 2 H5 온라인 편집기 기기 aeditor.alloyteam.com
3 첫 페이지 www.ichuye.cn
4 소후 고속역 www.kuaizhan.com
5 라이브앱 www.yunlai.cn 시나리오 적용
6 xiumi.us xiumi 프로듀싱
7 appcan www.appcan.cn
8 Yiqixiu eqxiu.com
9 Rabbit www.rabbitpre.com 보기
10 www.maka.im/home/index.html 만들기
11 마이크로페이지 www.weiye.me
12 ME 마이크로 매거진 www.agoodme.com
13 팝콘토끼 www.baomitu.com
14 Renren Show www.rrxiu.net (구 WE+)
15 Jidian Interactive Entertainment Platform www.jidianhuyu.com H5 미니 게임
16 The Coolest Net www.zuiku.com/ H5 미니 게임
3. 전문 디자이너용(국내)
1. iH5 >2. 무게다 www.mugeda.com
3. 화면 www.ps2h5.com
4. Epub360 www.epub360.com
5. dcloud www.dcloud.io
4. 외국 HTML5 개발 도구
(기사 참조: [H5 개발 도구] 2017년 최고의 HTML5 도구 10가지 추천 애플리케이션 개발 도구
, 해당 도구의 자세한 내용을 볼 수 있습니다)
1. 애니마트론
애니마트론은 간단하고 강력한 온라인 HTML5 도구로 멋진 HTML5 애니메이션과 인터랙티브 콘텐츠를 만들 수 있습니다.
2. Lungo
Lungo는 크로스 디바이스 애플리케이션을 디자인, 구축 및 공유하려는 개발자를 위해 특별히 준비된 HTML5 기반 개발 프레임워크입니다.
3. DevExtreme
DevExtreme은 모바일 세계를 위해 특별히 준비되었으며 iOS, Android, Tizen 및 Windows Phone 8 애플리케이션을 구축할 수 있는 크로스 플랫폼 개발 HTML5/JS 프레임워크입니다. Visual Studio 개발자가 크로스 플랫폼 모바일 제품을 개발하기 위한 도구입니다. 훌륭한 H5 개발 도구입니다!
4. RazorFlow
RazorFlow는 모든 주요 모바일 장치 및 브라우저에서 작동하는 반응형 HTML5 대시보드를 빠르고 쉽게 만드는 데 사용됩니다.
5. 말 그대로 Canvas
말 그대로 Canvas는 확장 가능한 오픈 소스 HTML5 그리기 구성 요소입니다. 그리기, 지우기, 색상 선택기 설정, 실행 취소, 다시 실행, 이동 및 확대/축소를 수행할 수 있습니다. 모바일 장치에서 성공적으로 작동합니다. Imgur와 같은 사이트에 업로드하거나 사용자의 그림을 로드/저장하기 위한 데이터 URL을 얻는 것은 쉽습니다.
6. mobl
mobl은 HTML5 기술을 결합하여 모바일 웹 애플리케이션 구축 속도를 높이는 무료 오픈 소스 언어입니다. Android, iOS 및 기타 휴대폰에 배포할 수 있습니다. 우수한 HTML5 기술을 지원합니다.
7. Edge Animate CC
Edge Animate CC를 사용하면 최신 웹에 적합한 대화형의 생생한 HTML 콘텐츠를 쉽게 디자인할 수 있습니다.
8. Touchqode(휴대폰에서 편집할 수 있는 html5 개발 도구)
Touchqode는 소프트웨어 개발 도구를 스마트폰에 제공하여 언제 어디서나 검색하고 편집할 수 있습니다. 소스 코드. 구문 강조, 코드 구문 분석, 통합 FTP 클라이언트, 검색, 파일 동기화 등의 기능을 제공합니다.
9. jQuery Mobile
jQuery Mobile 프레임워크는 "적게 작성하고 더 많이 수행"하는 것입니다. 각 모바일 장치나 운영 체제에 대해 고유한 애플리케이션을 작성하는 대신 jQuery Mobile 프레임워크를 사용하면 모든 주요 스마트폰, 태블릿, 데스크톱에서 실행되는 웹사이트와 앱입니다.
10. jQWidgets
jQWidgets는 HTML5, CSS, JavaScript 및 jQuery와 같은 개방형 표준 및 기술을 기반으로 완벽하게 구축된 전문 웹사이트 및 모바일 애플리케이션을 구축하기 위한 포괄적인 솔루션을 제공합니다. jQWidgets는 반응형 개발을 보장하여 개발자가 데스크톱, 태블릿, 스마트폰에서 아름답게 보이는 웹 사이트와 애플리케이션을 만들 수 있도록 돕습니다.
요약:
위 내용은 PHP 중국어 웹사이트에서 제공한 2017년 최신 HTML5 개발 도구 권장 사항입니다. 필요에 따라 다운로드하거나 이동할 수 있습니다. php 중국어 웹사이트 PHP 개발 도구 섹션: http://www.php.cn/xiazai/gongju 기타 소프트웨어를 다운로드하세요. 설치 및 사용 중에 질문이 있는 경우 QQ 그룹(그룹 번호 374224296)으로 이동하여 피드백을 보내주세요. , 또는 메시지를 남겨주세요. 모두 즐거운 학습이 되시길 바랍니다.
【관련 툴 추천】
1.
웹 프론트엔드 개발툴 순위 : 다운로드 추천 html 개발툴 8선
2. >MAC Mac 버전용 추천 PHP 개발 도구: 가장 인기 있는 Mac용 PHP 개발 도구 10개
3. 2017년 최고의 PHP 개발 도구 9개 추천
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
