Enjoy! It's My Nature - WebClear

픽셀아트의 새로운 장 - ala

(WebClear) — Wed, 05 Oct 2011 17:55:25 +0900

ala는 일러스트 스튜디오로 다양한 작품을 제공하는 곳이다.
일러스트, 픽셀아트, 스크린디자인, 스마트코드...등 다양한 디자인을 열정적으로
제작하는 곳이기도 하다. 호기심을 자극하는 작품 또한 제공하는 ala 사이트에
한번쯤 접속해 보는 것도 좋을 듯하다.

Source : ala

끝없는 탐험의 세계 - The End

(WebClear) — Thu, 29 Sep 2011 09:38:50 +0900

The End는 4가지 채널로 구성된 게임으로 14~19세 어린이를 위한 자기 개발 게임이다.
퍼즐과 철학적 질문, 과학, 다양한 세계의 탐험...등 여러가지 전략과 계획을 통합하여
즐길 수 있는 두뇌개발 게임이기도 하다.
게임에 적용되는 캐릭터를 직접 꾸밀 수있는 기능이 있어 자신만의 개성있는
아바타를 만들어 플레이가 가능하며, 키보드의 간단한 조작으로
컨트럴이 가능하기에 손쉽게 즐길 수 있는 게임이다.

Source : The End

시각화한 장난감 브랜드! - Brand Toys

(WebClear) — Fri, 23 Sep 2011 14:27:57 +0900

Brand Toys는 세계 최초로 브랜드 시각화 도구를 서비스하는 사이트이다.
3,000개의 브랜드를 한번에 서치해 볼 수있는 곳으로 성격과 개성을
비교할 수 있는 곳이기도 하다.
다양한 완구를 한번에 확인하고 선택해 보기에 용의한 곳이기에 시간
낭비없이 아이들에게 선물해 줄 수있는 곳이다.

Source: Brand Toys

나만의 음악믹서 - Mixer Guri

(WebClear) — Thu, 22 Sep 2011 10:16:18 +0900

Mixer Guri는 자신의 음악을 직접 만들어 볼 수있는 체험형 음악믹서 서비스를
제공하는 사이트이다. 필자가 직접 만들어 본 결과, 전문적으로 세팅할 필요없이
간단히 조작하여 제작이 가능하며, 사운드 또한 자연스럽게 이어지는
간편한 기능을 제공하는 곳이다.
그리고, 추가 요소를 구매하는 금액은 브라질 어린이들의
장학금 비용으로 사용되는 훈훈한 곳이기도 하다.

Source : Mixer Guri

소통을 탐구하자! - Bla Bla

(WebClear) — Wed, 21 Sep 2011 10:22:53 +0900

이 사이트는 커뮤니케이션의에 대한 실험적인 구조로 제작된 곳이다.
6가지 챕터로 구성된 페이지는 각각 직접 체험해 볼 수있는 재미를 선사한다.
디지털 시대의 색다른 스토리텔링을 써나가는 독특한
형태로 보여지는 사이트이다.

Source : Bla Bla

영웅들의 귀환 - Heroes del Ring

(WebClear) — Tue, 20 Sep 2011 15:18:18 +0900

이곳은 X Box 360과 플레이스테이션 3에서 서비스되는 멕시코 비디오게임인
Heroes del Ring 대표사이트로 국제시장의 런칭하는 게임이다.
무수한 레슬링 영웅들과 함께 다양한 기술을 즐길 수 있는
게임의 묘미를 미리 즐겨보자!

Source : Heroes del Ring

스포티한 코믹스 - Legion of Oakley

(WebClear) — Fri, 17 Jun 2011 16:40:00 +0900

이곳은 오클리 스포츠 브랜드의 이벤트 사이트이다.
오프라인 카툰의 형식을 온라인으로 옮겨온 듯한 인트로 화면과 함께
이어지는 화면 구성은 게임을 즐기는 것과 같은 느낌을 주기도 한다.
코믹스에 나오는 고퀄리티의 일러스트는 왠지 모를 SF나 판타지의
분위기를 자아내는 곳이다.

Source : Legion of Oakley

드라이빙 게임 - Heads Up! The Interactive Challenge

(WebClear) — Mon, 28 Mar 2011 10:00:00 +0900

이곳은 청소년들의 안전 운전을 위한 캠페인성 게임 사이트이다.
마우스와 키보드를 이용한 게임으로 매끈한 드라이빙을 즐길 수 있는
레이싱 게임이다. 산만한 운전의 위험성을 고지하기 위한 사이트로
점심식사나 휴식시간을 이용하여 즐기기에 좋은 게임이다.

Source : Heads Up! The Interactive Challenge

크로싱브라우저 테스트의 절대강자 - IE Tester

(WebClear) — Fri, 18 Mar 2011 18:35:00 +0900

크로싱 브라우저에 맞추어 작업을 하려면 각 버전별 IE에서 확인을 하는 부분에 난감한 경우가 많았을 겁니다. 필자도 웹디자이너로 작업을 하다보니, IE의 무분별한 브라우저때문에 스트레스를 받기도 하죠~
최신 IE버전에서는 브라우저 뒤틀림 현상이 보완되고는 있지만, 낮은 버전의 브라우저는 참 문제이죠... 차츰 IE 5.5, 6버전의 사용자 수가 줄어들었지만, 아직은 국내 유저들의 사용빈도수를 무시할 수 없기에 크로싱 브라우저에 대한 부분을 감안하여 제작을 하게됩니다.

그럼 제일 문제가 무엇일까요?
바로 바로 각 브라우저의 테스트가 제일 난감한 부분이였을 겁니다.
CSS를 수정하여 조금씩 어긋나는 부분을 수정하지만, 작업 후에 확인할 수 있는 각 버전의 확인을 하려면 가상 환경을 만들어 각 윈도우마다 각 버전의 브라우저를 설치 후 확인하거나 컴퓨터를 버전마다 가지고 있지 않는 이상은 확인하기 정말 곤란하게 되죠^^;;;
그런데 이런 문제를 한번에 해결해 주는 브라우저를 찾은 후 하드코딩에도 무리가 없어지네요^^~ㅎ

IE Tester

이 문제를 해결할 수 있는 IE TESTER는 아래의 사이트인 DebugBar에서 다운받아서 사용할 수 있습니다.

웹사이트 중간쯤에 위치한 Download IETester v0.4.8를 클릭하여 설치하면 됩니다.

설치를 완료하고 나면 위와 같은 실행파일이 나타나게 됩니다

IE Tester를 실행하면 처음에는 일반 브라우저와 유사한 창이 뜨게 됩니다.

이 브라우저의 상단을 보게 되면 각 IE의 각 버전별 버튼이 있는 것을 확인 하게 될 것입니다.

각 버튼별로 창을 띄우고 확인하고픈 웹사이트나 html문서를 열어서 확인하면 됩니다.

각 버전의 브라우저를 개별적으로 확인할 수 있지만, 한번에 모든 버전의 브라우저를 확인 할 수도 있습니다.

여러 버전의 브라우저를 확인 할 시에는 현재 설치 되지 않은 높은 버전의 브라우저도 함께 확인이 가능합니다.

자! 이젠 직접 웹페이지를 열어서 사용하는 일만 남았네요^^*
크로싱 브라우저 작업으로 각 버전 확인에 난감하신 분들에게 도움이 되시길 빌며 이만 줄입니다.
아래에는 설치 페이지 링크와 직접 다운로드 받을 수 있는 링크가 있으니, 확인해보세요^^*

Source : Debug Bar
File DownLoad

몸속 구석구석을 누비다! - Keblow

(WebClear) — Thu, 17 Mar 2011 11:15:00 +0900

이곳은 프랑스의 웹에이전시인 Keblow의 대표 웹사이트이다.
회사의 주요 기술과 광고, 온라인 이벤트...등을 함께 진행하는 곳으로 전체적인
웹사이트의 느낌은 신체의 구석구석의 장기와 근육, 혈관의 이미지를
비주얼하여 구성한 독특하면서도 애니메이션에서 보여주는 위트는 크리에이티브와
재미를 함께 보여주는 것은 아닌가 한다.

Source : Keblow