CSS 애니메이션은 속성을 이용해 구성요소를 제어하여 동적으로 구현할 수 있게 합니다. CSS 속성을 능숙하게 다룰 줄 안다면 어렵지 않게 구현할 수 있으나 그렇지 않다면 쉬운 일은 아니다. 이 글을 통해 소개하는 키 프레임(keyframes) 앱을 이용하면 누구나 손쉽게 CSS 애니메이션을 손쉽게 구현할 수 있다. 키 프레임은 브라우저와 편집기 사이를 오가지 않고도 애니메이션을 만들고, 보고, 실행하는 데 도움이 되는 시각적 타임라인을 제공한다...

풀무원(Pulmuone) CI 리뉴얼풀무원은 지난 5월 31일 전문 경영인 체제로 전환하고 새 CI를 발표했다.2005년 이후 13년 만에 리뉴얼한 CI와 새롭게 마련한 브랜드 체계와 로하스 전략을 발표하고 전사가 'One Pulmuone'으로 하나가 됨을 알렸다.새 CI는 풀무원의 핵심상징은 그대로 유지했다. 주 컬러를 진하게 하고 글자체를 기존 세리프 타입에서 산세리프 타입으로 변경하고 단순화했다. 이러한 변화는 "풀무원이 하나의 로하스 미션 아래 글로벌기업으로 힘차게 나가겠다는 강력한 의지를 담고 있다"고 했다.또한, "회사가 전문경영인체제로 변화하는 대전환기를 맞아 로하스미션을 더욱 강화하고 구체화하여 더 큰 풀무원, 세계 속의 글로벌로하스기업으로 당당하게 도약하고자 한다"고 했다.풀무원은 CI 변경과 함께 각 계열사 사명도 ‘One Pulmuone’ 관점에서 일..

풀무원은 지난 5월 31일 전문 경영인 체제로 전환하고 새 CI를 발표했다. 2005년 이후 13년 만에 리뉴얼한 CI와 새롭게 마련한 브랜드 체계와 로하스 전략을 발표하고 전사가 'One Pulmuone'으로 하나가 됨을 알렸다. 새 CI는 풀무원의 핵심상징은 그대로 유지했다. 주 컬러를 진하게 하고 글자체를 기존 세리프 타입에서 산세리프 타입으로 변경하고 단순화했다. 이러한 변화는 "풀무원이 하나의 로하스 미션 아래 글로벌기업으로 힘차게 나가겠..

소상공인 및 초기 창업팀을 위한 광고영상 제작 애플리케이션 ‘브이플레이트(Vplate)’가 오는 7월 8일부터 클로즈드 베타테스트를 실시한다.브이플레이트(Vplate)는 마케팅 예산이 부족해 광고영상 제작에 어려움이 있던 개인 사업자나 초기 창업팀을 위한 애플리케이션이다. 전문가 수준의 촬영법을 누구나 따라할 수 있게 소개하고 다양한 영상 디자인 템플릿을 제공하는 것이 특징이다. 이를 통해 온라인 광고영상에 대한 진입장벽을 낮추는 것이 최종 목표다.브이플레이트(Vplate)의 사용 방법은 스마트폰에 익숙하지 않은 사람들을 위해 직관적이고 간단하다. 먼저 앱 내에서 각 장면 별 촬영 노하우나 가이드 라인을 제공하기 때문에 만족할 만한 촬영이 가능하다. 그리고 마음에 드는 영상 템플릿을 선택한 후 촬영한 영상과 함께 텍스트를 입력해주..

소상공인 및 초기 창업팀을 위한 광고영상 제작 애플리케이션 ‘브이플레이트(Vplate)’가 오는 7월 8일부터 클로즈드 베타테스트를 실시한다. 브이플레이트(Vplate)는 마케팅 예산이 부족해 광고영상 제작에 어려움이 있던 개인 사업자나 초기 창업팀을 위한 애플리케이션이다. 전문가 수준의 촬영법을 누구나 따라할 수 있게 소개하고 다양한 영상 디자인 템플릿을 제공하는 것이 특징이다. 이를 통해 온라인 광고영상에 대한 진입장벽을 낮추는 것이 최종 목표..

시각적인 diff도구 TwentyTwenty웹 페이지를 통해 두 가지 상품이나 서비스 이미지를 비교하거나 차이점을 강조해서 보여주고자 할 때, 일반적으로 좌.우 또는 상.하 배치를 통해 보여주거나 페이지 전환을 통해 보여주는 경우가 많다.이런 방법은 레이아웃 유지, 공간 제약, 직관성이 떨어져 효율성이 다소 떨어지는 점이 없지 않았다. 물론 다양한 방법의 diff도구들이 적용되고 있지만 보다 사용자 중심 시각적인 도구는 쉽게 접하기 어려웠다.시각적인 diff도구 TwentyTwenty는 두 이미지의 시각적인 차이를 강조하거나 효과적으로 보여주고자 할 때 유용한 방법이 될 수 있다.두 이미지의 이전과 이후를 한 화면, 특정 레이아웃에서 스와이프를 통해 직관적으로 보여준다. 두 개의 이미지를 쌓아서 동작하며, 슬라이더를 이동하면 CSS clip 속성을 사용해 다른 이..

웹 페이지를 통해 두 가지 상품이나 서비스 이미지를 비교하거나 차이점을 강조해서 보여주고자 할 때, 일반적으로 좌.우 또는 상.하 배치를 통해 보여주거나 페이지 전환을 통해 보여주는 경우가 많다. 이런 방법은 레이아웃 유지, 공간 제약, 직관성이 떨어져 효율성이 다소 떨어지는 점이 없지 않았다. 물론 다양한 방법의 diff도구들이 적용되고 있지만 보다 사용자 중심 시각적인 도구는 쉽게 접하기 어려웠다. 시각적인 diff도구 TwentyTwenty는..

크리에이티브 플랫폼을 통해 고품질의 콘텐츠, 도구, 서비스를 제공하는 글로벌 IT 기업인 셔터스톡이 고객들이 보다 빠르게 원하는 콘텐츠를 찾을 수 있도록 지원하는 혁신적인 검색 기능들을 ‘쇼케이스’ 사이트에서 제공한다.이전까지 셔터스톡 랩(Lab)으로 알려졌던 셔터스톡 쇼케이스는 셔터스톡의 혁신적인 AI연구 성과가 집약된 사이트로 이번에 새로운 구글 크롬 확장 프로그램인 '셔터스톡 Reveal', '카피 스페이스(Copy Space)', '상세 검색(Refine)'이라는 혁신 검색 기능을 공개했다.Reveal은 구글 크롬 확장 프로그램으로, 사용자들이 온라인상에서 선택한 특정 이미지를 가지고 셔터스톡의 1억 9천만이 넘는 컬렉션 중에서 비슷한 사진, 벡터, 일러스트레이션을 찾을 수 있도록 지원한다.Copy Space는 셔터스톡이 개발한 컴퓨터 비전 기술에 기반한 도구..