이 게시물을 사용하여 최근에 기사 댓글에서 질문 한 질문에 답합니다.
HTML5로 완전히 디자인을 시작하기에 좋은시기는 언제입니까?
솔직히, 그것은 당신이 목표로 삼고있는 목표에 달려 있습니다. 방문자가 Internet Explorer (예 : Mac 소프트웨어 페이지)를 사용할 계획이 없다면 HTML5로 바로 시작하세요.하지만 IE 사용자가 웹 사이트를 볼 필요가 있다면 기다리는 것이 좋습니다.
항목에서, 놀랍고 볼만한 가치가있는 HTML48의 5 개의 데모가 점프 한 후. 위대한 것은 작습니다.
소스 | 홍콩
audioburst 애니메이션
HTML5의 캔버스와 오디오 태그로 만든 편안하고 환상적인 애니메이션입니다.
볼 풀
지난 Google I / O 이벤트에서 선보인이 데모는 HTML5가 얼마나 역동적 일 수 있는지 보여줍니다.
블롭 살라드
당신을 기쁘게 할 HTML5 생성 생물.
보 모모
Bomomo를 사용하면 HTML5로 시뮬레이션 된 다양한 원자 운동을 관찰 할 수 있습니다.
브라우저 볼
이 '크로스 브라우저'HTML5 공에 놀란다.
버블
다양한 색상의 끝없는 떠 다니는 거품을 만들어 재미있게 보내십시오.
캔버스 만화 애니메이션
HTML5의 캔버스 요소가 무엇을 할 수 있는지 이해하는 데 도움이되는 간단하고 재미있는 HTML5 만화입니다.
쿨클락
HTML5 및 JavaScript로 제작 된 멋진 맞춤형 아날로그 시계입니다.
Flickr PS3 슬라이드 쇼
웹 브라우저에서 PS3 스타일 슬라이드 쇼로 Flickr의 사진을 봅니다.
인터랙티브 폴라로이드
멀티 터치 인터페이스와 매우 유사하게 작동하는 대화 형 데모입니다.
JS 불꽃 놀이
HTML5 및 Javascript로 구동되는 원하는 중력과 속도로 불꽃 놀이의 순간을 즐기십시오.
만화경
매우 아름답고 미래 지향적 인 HTML5 만화경.
액체 입자
마우스 움직임에 따라 반응하는 민감한 입자 애니메이션.
매혹
주변 요소가 마우스 움직임에 어떻게 반응하는지 보여주는 또 다른 민감하고 뛰어난 HTML5 데모입니다.
성운 구름
이 놀라운 HTML5 성운에 빠져보세요.
시차
모든 2D 모양을 평행 투시로 봅니다.
입자 애니메이션
원하는 메시지로 구성 할 수있는 우아한 HTML5 입자 애니메이션입니다.
전파
이 끝없는 확산 애니메이션으로 길을 잃으십시오.
스타 필드
마우스 움직임에 따라 방향과 속도를 변경하는 매우 멋진 HTML5 스타 필드 애니메이션입니다.
비디오 파괴
한 번의 클릭으로 재생 비디오를 붐을 일으 킵니다.
Waveform
HTML5의 캔버스 물결이 진폭, 파장, 너비 등을 변경하여 어떻게 움직이는 지 확인하십시오.
3D 효과
캔버스 애니메이션에 감동 받았나요? 그것은 HTML5의 캔버스 요소가 할 수있는 더 많은 일이며 3D 효과라고합니다. 개발자는 캔버스 요소, DOM 및 JavaScript를 사용하여 3D 효과를 만들 수 있으며 나중에 3D 애니메이션 또는 게임으로 개발할 수 있습니다.
Canvas3D 및 Flickr
Flickr의 포토 스트림으로 완전히 새로운 3D 경험을하십시오.
천 시뮬레이션
사실적인 HTML5 기반 의상 시뮬레이션입니다.
진화하는 몬스터
괴물이 복잡한 생물로 진화하는 것을 관찰하세요. 그 제작자 중 하나는 HTML5입니다.
구글 기프트박스
거대한 검색 엔진 Google은 재생 가능한 3D보기로 제공됩니다.
JS 터치
고품질의 사실적인 '3D on 2D Canvas'쇼케이스입니다.
데이터 프리젠 테이션
HTML5의 캔버스 요소를 사용하여 애니메이션 및 3D 효과를 만들 수 있지만 수학적 데이터를 표시하기 위해 구현할 수도 있습니다.
지플롯
Gnuplot, HTML5 버전의 데이터 플로팅 응용 프로그램입니다.
알 그래프
RGraph는 막대 차트, 진행률 막대 및 기존 레이더 차트와 같은 광범위한 데이터 표시를 제공합니다.
웹 응용 프로그램
궁극적으로 HTML5 및 기타 언어로 결합 된 모든 가능성을 사용하여 Flash 응용 프로그램에 가까운 대화 형 응용 프로그램이나 게임을 만들 수 있습니다.
캔버스페인트
Microsoft Paint의 형제가 웹 브라우저에 등장하고 그의 아버지는 HTML5입니다.
캔버스몰
특정 지구 요소의 구조를 이해하는 데 도움이되도록 만들어진 과학적 응용 프로그램입니다.
만화 빌더
이 미니멀하고 인터랙티브 한 만화 빌더로 재미있는 만화 이미지를 그립니다.
여기로 드래그
데모에서 드래그 할 수있는 모든 항목을 드래그하면 세부 정보가 표시됩니다.
Gartic 스케치
jpeg 또는 png와 같은 다른 이미지 형식으로 저장할 수있는 몇 가지 기본 그림을 만들 수있는 원본 HTML5 응용 프로그램입니다.
물리스케치
당신이 좋아하는 것을 그리고 그들이 시뮬레이션 된 중력에 어떻게 반응하는지보십시오.
스케치 패드
정확한 방식으로 이미지를 그리고 편집 할 수있는 강력한 HTML5 그리기 응용 프로그램입니다.
잡담
트위터에서 획득 한 날씨 관련 메시지의 지리적 위치를 확인하여이를 캔버스 기반의 '사회적 날씨'지도로 구성하는 웹 애플리케이션입니다.
게임
3 지루
다음 순간에 수백 개의 HTML5 글 머리 기호를 계속 피할 수 있다면 결코 지루하지 않을 것입니다.
브레이크 아웃
공을 리바운드하여 모든 벽돌을 부수십시오.
캔버스 케이프
그다지 게임은 아니지만 HTML5를 사용하여 First Person Shooting 브라우저 게임을 개발하는 방법을 보여줍니다.
잡아라
우승 한 HTML5 스퀘어를 얻기 위해 얼마나 많은 공을 피할 수 있습니까?
연쇄 반응
목표를 달성하기 위해 폭발을 연결하고 중독되지 마십시오.
큐브 아웃
3D, 하향식보기에서 Tetris를 재생합니다.
에칭 물리학
공을 별쪽으로 이동시키기 위해 아이템을 그립니다. 중력을 잊지 마세요.
지그소 퍼즐
이 HTML5 기반 직소 퍼즐을 풀기 위해 퍼즐 조각을 클릭, 회전 및 드롭하십시오.
슬라이드 퍼즐
당신의 마음을 사로 잡기 위해 만들어진 또 다른 HTML5 게임 인 Slide to Victor.
같은 게임
특정 그룹을 제거하여 다른 그룹을 같은 색으로 짝을 이루면 결국 승리를 얻게됩니다.
테트리스
HTML5에 의해 부활 한 가장 고전적인 게임 중 하나입니다.
큰 쇠시리
의사 3D 버전의 또 다른 테트리스 게임.
TETRIS는 가지 않습니다. 두 조각을 넣고 서 있지만 나머지는 매우 멋진 Chavales입니다.
나는이 페이지를 좋아한다 ... 나는 당신을 사랑합니다 Fran =)
Bye a kiss to the world toooodooooooo
놀랍고 장관입니다. 웹 개발이 얼마나 멀리 왔는지 믿을 수 없습니다!
왜 이러한 리소스가 HTML5에 기인하는지 모르겠습니다. 이것은 순수한 자바 스크립트입니다. Flash가 등장하기 전에 자바 스크립트를 사용하면 이러한 모든 작업을 수행 할 수있었습니다. 당시 바르셀로나에서 내 마음을 사로 잡은 사이트를 만든 연구가있었습니다. 모두 자바 스크립트에서 너무 많이 배웠고 튀는 공과 함께 커플을 디자인했습니다. 나는 완전히 잃어 버렸고 여전히 후회합니다. 스튜디오 이름이 기억 나지 않습니다. 2 년 정도의 you2 또는 2you98 같은 것입니다.
Joe Vega …… 그것은 당신이 HTML5에 대해 전혀 모른다는 것을 보여줍니다… .lol
피비린내 나는 html5 아이디어가 없을 수도 있지만 사실이지만 수탉과 닭장을 혼동하고 언어를 환경과 구별하지 않습니다. Javascript를 사용하지 않고 html5로만 여기에있는 것과 같은 예제를 만들도록 도전합니다. 삭제 한 게시물에서 제가 의미하는 바를 이해하게 될 것입니다. 또한 예제의 소스 코드를 살펴 보았으며 html5에 마운트하지 않고도 쉽게 수행 할 수있는 몇 가지가 있습니다.
그 html5는 많은 개선을 가져오고 많은 것을 용이하게하는 것은 사실이지만이 페이지에 표시된 환상적인 것의 월계수는 Javascript입니다.
이 유형의 프레젠테이션을 만드는 데 관심이 있습니다 ... 리소스가 포함 된 자습서 또는 페이지가 있습니까? ??? 감사합니다!!!