WEB 썸네일형 리스트형 구글 웹디자이너 Google Web Designer 의 가능성?? 믿어보자 ㅎ 서비스가 나온지는 꽤 되었네요 몇 일전 우연히 보게된 구글 웹디자이너라는 페이지를 보게 되었습니다. 뭔가 하니...플래시를 사용하지 않고 역동적인 이미지를 만드는 웹툴이라고 생각하시면 될 것같습니다. 기본적으로 반응형으로 코딩이 가능하며, 결과물이 코드로 나오기 때문에 용량도 작네요. 정말 잘 활용한다면 강력한 툴이 될 것 같기는 한데...^^; 왠지 손이 가질 않는 이유는 무엇일까요? 구글이면 믿고 사용할 법도 한데 말이죠. ^^ 그래도 저는 언제가 제대로 활용하는 날이 올꺼라 생각하기에 미리미리 손에 익혀놔야겠습니다. 2014.9.15. HTML5 웹스토리지(HTML5 Web Storage) - 클라이언트에 데이터를 저장하다 Web Storage “클라이언트에 데이터를 저장하다” HTML5 에는 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage(웹스토로지) 스펙이 포함되었다. Web Storage의 개념은 심플하다. '키/ 값' 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다. 영구저장소(localStorage)와 임시저장소(sessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다. Web Storage는 기존 웹 환경의 쿠키(Cookie)와 매우 유사한 개념이다. 다만 몇 가지 쿠키의 단점를 극복하는 개선점이 도입되었다. 쿠키(Cookie)는 여전히 유효하고 꽤 적절한 클라이언트 저장도구이다. HTML5 에서 Web.. SilverStream 콘텐츠가 웹에서 보이지 않는다? 콘텐츠가 올라가 있는 서버 MIME 설정을 만져주면 된다. SilverStream Producer에서 제작한 콘텐츠를 웹 게시용으로 "내보내기"하여 웹에 게시하였는데 콘텐츠가 보이지 않고 하얀 화면만 나타나는 경우가 있습니다. 이것은 서버 설정과 관련된 문제로 MIME 타입 설정을 변경하는 작업이 필요합니다. 브라우저에서 스크립트 관련 오류 메시지가 나타날 수 있도록 한 경우라면 다음과 같은 메시지를 확인하실 수 있습니다. 메시지의 내용을 자세히 확인해 보면 "오류코드 2104" 라는 부분을 확인하실 수 있습니다. 이런 메시지가 나타나면 콘텐츠를 서비스하고 있는 서버의 MIME 타입 설정이 필요합니다. - 참고로 IIS6 이하, Apache 서버에서만 설정이 필요합니다. 그 외의 서버에서는 기본 설정이 .. 모바일 웹디자인 시 png에서 8bit, 24bit 차이와 용량을 줄이는 방법 출처 - http://blog.naver.com/khihaho?Redirect=Log&logNo=50003988002 세계의 Top 10 뉴미디어 디자인 회사가 공개하는 “잘.나.가.는.” 사이트 만들기 비법 100가지 세계의 Top 10 뉴미디어 디자인 회사가 공개하는 “잘.나.가.는.” 사이트 만들기 비법 100가지 디지털 디자이너의 부차적인 취미 정도에 불과했던 웹 디자인은 지난 3-4년에 걸쳐 디자인 산업의 핵심으로 부각되었다. 사실 웹 디자인은 이제 고유의 구조와 제작 과정, 윤리 기준을 가진 하나의 산업이 되었다고도 할 수 있다. 단순한 판촉 도구가 아니라 비즈니스의 핵심으로, 단순한 브랜딩 전략의 한 부분이 아니라 비즈니스의 생존에 결정적인 역할을 하고 있는 존재이다. 그런데 온라인 산업은 현재의 경제적인 동향 속에서 압박감을 느끼고 있다. 많은 웹 콘텐츠 제작자들이 일자리를 잃었고 디자이너들 역시 마찬가지로 불안한 실정이다. 경쟁력을 지니면서 동시에 고객의 경쟁력도 높여주려면 최대한으로 효율적인 사이트가 .. 웹디자인 - 체크리스트 11가지 1. 사이트의 목적 사이트가 목적을 제대로 수행하고 있나? 목표 고객이 원하는 바를 전달하도록 디자인됐나? 2. 사이트의 능력 효율적인가? 직관적인가? 전체적으로 일관성있게 움직이고 그렇게 보이는가? 사용자가 충분히 통제하고 있고 편안하다는 느낌을 주는가? 3. 브랜딩 웹 사이트의 첫 페이지가 당신 비즈니스의 성격을 반영하고 있는가? 브랜딩이 사이트의 모든 페이지에 나타나는가? 페이지 우측과 마찬가지로 페이지 상단의 주목할 만한 위치에 브랜딩이 표현되는가? 홈페이지로 링크를 거는 것처럼 브랜딩이 내비게이션의 한 부분처럼 작동하는가? 4. 내비게이션 사이트의 주요 내비게이션이 스크롤하기 전의 눈에 띄는 위치에 나타나는가? 사이트 내비게이션이 이미지 형식인가? 그렇다면 페이지 내에 텍스트 형식의 내비게이션도.. 어도비컬러사이트(Adobe Color Site) - Kuler Adobe http://kuler.adobe.com 우리가 모바일 웹사이트(Mobile Web Site)을 만들어야 하는 이유... 1.Google has a separate index for mobile content. 구글은 모바일콘텐츠를 따로 검색한다. 2.Your regular website is not going to cut it. 기존웹사이트는 모바일에 최적화되지 않았다. 3.1/5 of Americans access the mobile web each day. 미국인 5명중1명은매일 모바일웹에접속한다. 4.Mobile web will overtake the desktop within 5 years. 향후5년이내에 모바일웹이 PC 웹을 따라잡을 것이다. 5.$1.6 billion purchased from mobile devices in 2009. 2009년, 모바일전자상거래시장규모가16억달러에달러에달했다. 6.93% of.. 모바일에서 사용하는 기본 메타태그 캐쉬 사용을 없애고 모바일 사이즈에 맞도록 랜더링 합니다. width : 넓이 – device-width | N px (200~10000 px, default 980 px) height : 높이 – device-height | N px (223~10000 px) initial-scale : 초기 확대/축소 배율 minimum-scale : 최소 축소 배율 – N (0~10, default 0.25) maximum-scale : 최대 확대 배율 – N (0~10, default 1.6) user-scalable : 확대/축소 가능 여부 – yes | no (default yes) 이전 1 다음
