로딩 바의 반환 : CSS3와 HTML5가 새로운 플래시입니까?

오늘 우리는 어떻게 그리고 왜 플래시가 부정적인 빛으로 여겨지게되었는지, 그리고 현대 기술을 대체하는 것과 같은 길을 피하는 방법에 대해 조금 논의 할 것입니다.

Envato Elements 살펴보기

플래시를 싫어하는 이유

좋든 싫든, 웹은 플래시를 켰습니다. 전 인터넷 포스터 소년은 많은 사람들에게 혐오감을 불러 일으키는 빨간 머리 발걸음이되었습니다. 이 행진은 스티브 잡스와 애플이 iOS에서 플래시를 허용하지 않는 것에 의해 주도되었지만, 웹 사용자들은 매일이 기술을 소중히 여겼습니다.

여러 가지 이유로 플래시는 놀랍습니다. 이를 통해 웹 개발자는 이전에는 불가능했던 수준의 웹 사이트를 웹 사이트로 가져올 수있었습니다. 지루한 정적 페이지 대신 인터넷은 진정으로 몰입적이고 완벽한 미래 경험이 가능한 장소가되었습니다.

이 모든 것은 가격에왔다. 플래시의 등장으로 웹 또한 놀랍고 버그가 많은 곳이되었습니다. 물론 Flash 웹 사이트에는 Flash 플러그인이 필요하며 최신 버전이없는 경우 웹 사이트를 방문하는 것이 좋습니다. 그렇지 않으면이 기능이 작동하지 않습니다.

로딩 바가왔다. 순수 플래시 사이트의 페이지로드 시간은 기하 급수적으로 갑자기 증가합니다.“로드 : 10 %…로드 : 11 %…”스피너는 일상 생활의 일부가되었습니다.

마지막으로 안정성 문제가 있습니다. 스티브 잡스 (Steve Jobs)는 맥이 추락 할 때 대부분 플래시가 책임이 있다고 말했다. 이것은 약간의 과장이지만 진술의 핵심은 진실을 암시합니다. 우리는 모두 플래시 관련 얼어 붙은 경험이 있습니다. 너무 많은 사람들이 수동으로 승인되지 않는 한 모든 플래시 활동을 차단하는 플러그인을 다운로드합니다.

할리우드 지혜

영화 쥬라기 공원 (Jurasic Park)에서 카오스 전문가 인 이안 말콤 (Ian Malcom)은 살아있는 공룡의 섬을 발견하면서 다음과 같이 말했다.

"당신의 과학자들은 그들이 할 수 있는지 아닌지에 너무 몰두했다. 그들은 생각해야하는지 멈추지 않았다." 이안 말콤

이 인용문은 플래시의 명성 상승에 매우 적합합니다. 개발자는 자신이 할 수있는 일에 대해 매우 흥분하여 무엇을 해야하는지 묻는 것을 잊었습니다. 플래시가 전반적인 경험을 향상 시키거나 악화시킬까요? 플래시를 사용하여 얻는 것이 무엇이며 무엇을 희생하고 있습니까? 내 사용자 대부분이 내가 내린 결정에 만족합니까? 놓칠 사용자 풀의 규모는 얼마이며 어떤 옵션을 사용할 수 있습니까?

반복 기록

지금 빨리 감기. CSS3와 HTML5가 하루를 절약하기 위해 도착했습니다. CSS, HTML 및 JavaScript로만 구축 된 놀라운 사이트의 놀라운 새 예를 볼 때 플래시가 줄을 서고 매일 새롭게 뛰고 있습니다.

HTML과 CSS는 최신 웹 브라우저에 내장되어 있으며 오늘날 우리가 알고있는 전세계 웹의 근간이므로 이러한 기술을 사용하여 동적 페이지를 만들 수 있다는 것은 웹 디자이너의 꿈입니다.

그러나 점점 더 많은 개발자들이 이러한 기술을 집어 들고 한계에 도달하기 시작함에 따라 Jurassic Park Syndrome이이를 설정하기 시작했습니다. 우리 모두는 무엇이 가능한지에 몰두하여 허용되는 것을 쉽게 잃을 수 있습니다.

점점 더 웹을 탐색하면서 플래시와 같은 미래가 다가오고 있다는 신호를보고 있습니다. "로드"메시지가 복귀하고 웹 페이지가 브라우저에 따라 달라지고 긴 애니메이션으로 인해 브라우저가 정지되는 시점까지 페이지로드 시간이 증가하고 있습니다. 익숙한 소리?

내가 틀리지 말아라. 나는 HTML5와 CSS3가 웹의 미래 일뿐만 아니라 최고의 최신 기술의 원천이라고 말하는 최초의 사람이다. 그러나 Flash와 유사한 시나리오를 피하려면주의에 관한 대화가 적절하다고 생각합니다.

그렇습니다. 새로운 장난감은 훌륭하지만 1 분 정도 느려지고 구현하기 전에 몇 가지 중요한 질문을하겠습니다.

중요한 질문

다음은 사이트에서 특정 차세대 기술을 구현하기 전에 스스로에게 물어봐야 할 대략적이고 불완전한 질문 목록입니다.

목적은 실험 / 교육입니까?

저를 손가락으로 가리킬 수 있고 CSS3 기술을 매주 제공하는 사람들에게는 무료 패스가 제공됩니다 (편리하지 않습니까?). 웹의 현재 상태뿐만 아니라 다가오는 트렌드와 기술에 대해 논의하는 것이 저의 임무입니다. 결과적으로, 이 블로그 및 기타 블로그는 새로운 기술이 발생할 때마다 탐색하고 교육해야합니다.

개인으로서 귀하는 또한 실험 할 권리가 있습니다. 실험적인 기능을 갖춘 웹 놀이터 또는 개인 웹 사이트를 설정하는 데 아무런 해가 없습니다. 최대 사용자 호환성이 기본 목표라는 가정하에 사이트를 만들기 위해 고용 된 경우 문제가 발생합니다. 대부분의 회사는 다른 웹 디자이너에게만 인상적이고 다른 사람에게는 약간 성가신 사이트를 만들도록 고용하는 것에 열광하지 않습니다.

무엇을 얻습니까? 잃어버린 무엇입니까?

플래시 구현을 권장 한 것처럼 새로운 기술이나 실험 기술을 사용하는 경우 항상 장단점을 신중하게 고려해야합니다.

이점은 주로 미적 향상입니까? 유용성에 약간의 가치가 있습니까? 어때요? 디자이너가 아닌 일반 사용자의 관점에서 볼 때이 선택이 경험을 추가하거나 제거합니까?

예를 들어, JavaScript 대신 순수한 CSS3를 사용하여 멋진 애니메이션 드롭 다운 메뉴를 만들고 있다고 가정 해 봅시다. 인상적이기 때문에 또는 더 많은 사용자가 실제로 사용했을 때보 다 실제로 더 많은 기능을 사용할 수 있다는 것을 알고 있기 때문에 JS 경로?

이안 말콤의 딜레마로 돌아옵니다. 사이트에서 여러 가지 현대적인 웹 마법사를 풀 수 있다는 것이 밝혀지면 항상 자신에게 물어보십시오.

때로는 이러한 발전으로 인해 사이트가 능률화되어 더욱 유용하게 사용될 수 있습니다. 다른 경우에는 진행률 배너를 흔들며 부풀어 오른 코드와 느린 페이지로 자신을 찾을 수 있습니다. 자신에게 정직하고 선을 그릴 위치를 결정하십시오.

사용자가 빠질까요?

클라이언트 사이트에서 일부 웹킷 키 프레임 애니메이션 (내가 가장 좋아하는 CSS3 기능 중 하나)을 구현하고 싶다고 가정 해 봅시다. 먼저 웹 분석을 통해 웹킷을 사용하지 않는 사용자가 몇 명이나 있는지 확인 하시겠습니까?

브라우저 호환성은 HTML5 및 CSS3 이전의 주요 문제였으며 현재는 더 나빠졌습니다. 우리가 항상 사용했던 것과 같은 논리가 여전히 적용됩니다. 모든 주요 브라우저를 염두에두고 설계하십시오. 내가 아는 한, 브라우저 특정 트릭과 효과를 구현하는 것에 대해 나쁘게 생각하지 말고 다른 사용자가 여전히 견고한 경험을 가지고 있는지 확인하십시오.

분명히, 우리는 점진적인 향상에 대해 이야기하고 있습니다. 모든 주요 브라우저에서 작동하는 기본 기능 및 미학으로 시작한 다음 진정한 최신 브라우저를 사용하여 미래를 생각하는 개인을 위해 특별한 추가 기능을 추가하십시오.

결론

요약하면 HTML5와 CSS3을 절대적으로 좋아합니다. 나는 이전에 가능하다고 생각했던 것의 한계를 실험하고 늘리는 데 많은 시간을 소비합니다. 그러나 실제 프로젝트에서 작업 할 때는 항상 오버 보드를 수행하고 Flash로 제작 된 것처럼 보일뿐만 아니라 그와 같이 작동하는 사이트를 만드는 데 항상주의를 기울입니다.

아래에 의견을 남기고 고객 사이트에서 새로운 기술을 사용하는 방법을 알려주십시오. HTML5와 CSS3를 완전히 수용하고 있습니까? 아니면 진정으로 개선 할 수있는 부분을 선택적으로 호소하고 있습니까?