한국어도비시스템즈는 지난11월 16일. Create the Web Korea를 개최, 디자이너와 개발자들이 HTML5, CSS3 및 JavaScript 등과 같은 최신 웹 기술을 이용해 보다 손쉽게 강력한 웹 사이트, 디지털 콘텐츠 및 모바일 앱을 개발할 수 있도록 돕는 혁신적인 툴 및 기법을 공개했다.

어도비의 크리에이티브 솔루션 부문 아시아 태평양 지역 에반젤리스트인 폴 버넷(Paul Burnett)이 발표한 기조연설에서 에지 툴 및 기법(Edge Tools & Services)을 소개했으며, 어도비 에지 애니메이트 1.0(Adobe Edge Animate 1.0), 어도비 에지 인스펙트 1.0(Adobe Edge Inspect 1.0, 이전 코드명 "섀도우(Shadow)"), 어도비 폰갭 빌드 1.0(Adobe PhoneGap Build 1.0), 어도비 에지 웹 폰트(Adobe Edge Web Fonts), 그리고 어도비 에지 코드(Adobe Edge Code) 프리뷰 등이 발표됐다. 어도비는 또한, 올해 말로 예상되는 어도비 에지 리플로우(Adobe Edge Reflow)의 프리뷰 릴리스에 앞서 그 데모 영상을 시연했다.

에지 애니메이트는 웹 디자이너들이 최신 웹의 인터랙티브 기능을 이용해 개발하도록 장려하기 하기 위해 무료로 이용할 수 있으며, 이미 50만 회 이상의 프리뷰 다운로드를 기록하고 있다.
그리고 에지 애니메이트와 다른 에지 툴 및 서비스는 현재 어도비 크리에이티브 클라우드(Adobe Creative Cloud)에서 무료 멤버십으로 제공된다. 어도비 크리에이티브 클라우드는 크리에이티브 작업을 생성, 공유 및 제공하기 위한 허브 역할을 수행한다. 유료 멤버십은 모든 크리에이티브 스위트 6(Creative Suite 6) 데스크톱 애플리케이션은 물론, 어도비 포토샵 라이트룸(Adobe Photoshop Lightroom) 및 어도비 뮤즈(Adobe Muse) 등을 비롯한 다른 애플리케이션을 다운로드하여 설치할 수 있다. 멤버십에는 웹 및 모바일 기기에 대한 파일 저장, 공유, 협업, 그리고 게시를 위한 온라인 서비스도 포함돼 있다. 크리에이티브 클라우드(Creative Cloud)에 대한 보다 자세한 내용은 www.adobe.com/go/creativecloud에서 확인할 수 있다.

어도비의 크리에이티브 솔루션 부문 아태지역 에반젤리스트인 폴 버넷(Paul Burnett)은 "강력한 새로운 HTML5 툴 세트를 웹 디자이너와 개발자들에게 제공하게 됐다는 것을 매우 기쁘게 생각하며 빠른 시일 내에 이들이 개발한 멋진 웹 사이트, 디지털 콘텐츠 및 모바일 앱을 경험할 수 있기를 기대하고 있다. 어도비는 창의적인 사람들이 웹 기술을 이용해 자신이 상상하는 모든 것을 수행할 수 있도록 하기 위해 적극 노력하고 있으며, 어도비가 웹 플랫폼에 기여하고 에지 애니메이트의 첫 번째 릴리스를 포함한 에지 툴 및 서비스를 무료로 이용할 수 있도록 하는 것도 바로 이러한 이유 때문"이라고 밝혔다.

어도비는 표준 및 오픈 소스 커뮤니티와 협력해 웹 플랫폼의 발전에 기여한 최근의 많은 노력들에 대해 기조연설에서 개략적으로 설명했다. 이와 같은 노력은 다음과 같은 주요 영역에서 보다 표현력 있는 플랫폼을 완성하는데 기여함으로써 웹을 발전시키고 있다.

-레이아웃: CSS 리전(CSS Regions)과 CSS 익스클루전(CSS Exclusions)으로 웹 디자이너와 개발자들은 웹 상에서 응답 속도가 빠른 매거진 형태의 레이아웃을 생성할 수 있다.

-기초 그래픽: 제안된 CSS 트랜스폼(CSS Transforms) 스펙으로 저작권자들은 보다 손쉽게 기하 변환을 HTML 및 SVG 콘텐츠에 지속적으로 적용할 수 있게 됐다. 제안된 CSS 컴포지팅 및 블랜딩(CSS Compositing and Blending) 스펙은 웹 디자이너들에게 포토샵에서 이미 친숙한 블렌드 모드(Blend Mode)를 사용할 수 있는 옵션을 제공한다.

-극장 수준의 시각적 효과: CSS 커스텀 필터(CSS Custom Filters)는 현재 크롬 카나리아(Chrome Canary)에서 지원되며 정교한 시각적 효과를 만들어, 보다 다양하고 적극적인 참여를 이끄는 웹 경험을 실현할 수 있다. 어도비는 또한 웹 디자이너와 개발자들이 자신만의 고유한 맞춤형 필터를 만들 수 있도록 하는 새로운 실험적 툴인 CSS 필터랩(CSS FilterLab)을 발표했으며, 이는 현재 http://html.adobe.com/webstandards/csscustomfilters/cssfilterlab/에서 이용할 수 있다.

-폰트: 어도비는 오픈소스를 기반으로 개발했으며 에지 코드와 에지 리플로우에서 이용되는 Source Sans Pro와 Source Code Pro 등 2개의 새로운 폰트를 보유하고 있다.

어도비 에지, 최신 웹을 위한 툴 및 서비스의 새로운 시대 열어

코딩 작업을 수행하는 웹 디자이너와 디자인에 가치를 더하는 웹 개발자를 의해 개발된 어도비 에지는 최신 브라우저와 모바일 기기를 위해 HTML, CSS 및 JavaScript를 이용하여 우수한 품질의 모바일 지원 콘텐츠와 앱을 개발하기 위한 어도비의 새로운 주력 툴 및 서비스 브랜드로 자리매김하고 있다. 어도비 에지 브랜드는 개별적으로는 물론, 함께 연동해 효과적으로 실행되는 직관적인 작업 중심의 툴과 기법을 포함하고 있다. 기반 웹 기술에 대해 직접 접근하고 프레임워크를 선택할 수 있는 자유를 부여하는 생산적인 툴을 이용해 시각적으로 우수한 콘텐츠를 개발하기를 원하는 전문가를 위해 개발됐다. 에지 툴 및 서비스는 올인원 웹 사이트 제작을 위한 업계 선도적인 툴인 어도비 드림위버 CS6(Adobe Dreamweaver CS6)를 보완한다. 오늘 제공된 서브스크립션 업데이트에서는 에지 에니메이트, 새로운 HTML5 태그 및 기타 새로운 기능이 추가됐다. 에지 툴 및 서비스에는 다음이 포함돼 있다. 현재는 영문으로만 출시되어 있으며, 한글 지원 시기는 아직 미정이다.

에지 애니메이트(Edge Animate) – 사용자들이 HTML, JavaScript 및 CSS를 이용해 웹 상에 콘텐츠를 애니메이션으로 나타낼 수 있도록 하는 동작 및 인터랙션 디자인 툴

에지 인스펙트(Edge Inspect) – 프론트 엔드 웹 개발자와 디자이너가 모바일 기기상에서 효과적으로 HTML 콘텐츠를 미리보고 디버깅할 수 있도록 하는 미리보기 툴

에지 코드(Edge Code) – 브래킷(Brackets) 오픈 소스 프로젝트를 통해 개발된 코드 에디터, HTML, CSS 및 JavaScript를 이용해 작업하는 웹 디자이너와 개발자를 위해 최적화됨

에지 리플로우(Edge Reflow) – 사용자들이 HTML 콘텐츠 스타일링을 위한 표준인 CSS를 이용해 레이아웃과 시각적 디자인을 작성할 수 있도록 돕는 응답 속도가 빠른 웹 설계 툴. 프리뷰 릴리스는 올해 연말까지 출시될 예정임
 
에지 웹 폰트(Edge Web Fonts) – 웹 사이트 및 앱에서 지속적으로 증가하고 있는 오픈 소스 폰트 라이브러리를 사용하기 위한 무료 웹 폰트 서비스

타입킷(Typekit) – 디자이너 및 개발자들이 웹 사이트에서 사용하기 위해 호스팅된 고품질 폰트 라이브러리에 접근할 수 있도록 하는 서비스

폰갭 빌드(PhoneGap Build) – 널리 사용되는 모바일 플랫폼을 위해 HTML, CSS 및 JavaScript으로 개발된 모바일 앱을 패키징하는 서비스