본문 바로가기

반응형웹4

반응형웹 디자인을 위한 도구 85가지 반응형웹 디자인을 위한 도구 85가지 85 Top Responsive Web Design Toolshttp://mashable.com/2013/03/18/web-design-tools/ BY GRACE SMITHMAR 18, 2013 모바일 시장이 지속적으로 성장함에 따라 반응형웹 사이트 디자인에 대한 수요가 강화되고 있다. 새로운 도구 세트 10가지, 설계, 코드를 배치하고 응답성 웹 사이트를 계획 하기 위해 다음에 나열 하였습니다. 일부 겹치는 수도 있지만 각각 목록에 있는 명소 만한 조합 때, 그들은 당신이 모든 장치에서 사용자에게 최적의 시청 경험을 제공하는 웹 사이트 를 만들 수 있습니다. ( 각 권장 이외에 편리한 대체 도구의 목록입니다. ) 관련 항목 : 디자이너를 위한 10 필수 Chrom.. 2013. 12. 3.
반응형웹 사례 모음 사이트 반응형웹디자인 사례 모아놓은 사이트 http://mediaqueri.es 2013. 11. 29.
디자이너의 눈으로 본 반응형 웹 디자이너의 눈으로 본 반응형 웹이제 다사다난했던 2013년도 막바지에 접어들고 있습니다. 올해는 유난히 반응형 웹 프로젝트가 많았던 한 해였습니다. 아무래도 일반 웹 디자인에 비해 반응형 웹은 고려해야 할 변수도 많고 다양한 디바이스에 맞추어 컨텐츠를 시각적으로 최적화시켜야 하다 보니 시간도 배로 걸리게 되고, 초기에 시행착오까지 거치게 되면서 더욱 치열하게 프로젝트가 진행됐던 것 같습니다. 이미 해외에서는 수 년 전부터 반응형 웹에 대한 IT 업계의 관심이 높았고 완성도 높은 반응형 웹 사이트가 많이 개발되어 왔지만 불과 작년까지만 해도 국내에서는 반응형 웹으로 제작된 사이트의 사례를 찾아보기 힘들 정도로 보편화된 기술은 아니었다고 생각됩니다. 다행히 이러한 흐름을 미리 읽고 이롭게에서는 작년부터 각 .. 2013. 11. 12.
반응형 웹의 완성도를 높여주는 유용한 사이트 - 이롭게 반응형 웹의 완성도를 높여주는 유용한 사이트반응형 웹을 공부하면서 여러 경로로 수집한 유용한 사이트 모음입니다. 실제 프로젝트에서 사이트의 완성도를 높이는데 많은 도움이 되었으면 좋겠습니다. 1. Media Queries 다양한 반응형 웹을 한눈에 볼 수 있는 사이트입니다. 대표적인 스크린 사이즈별로 사이트를 캡쳐하여 레이아웃이 어떻게 변화하는지 살펴보기에 매우 편리합니다. 사이트명이나 썸네일을 클릭하면 해당 사이트로 바로 연결되어 실제 홈페이지를 직접 체험할 수도 있습니다. http://mediaqueri.es/ 2. Golden Grid System 반응형 웹에서 실제로 그리드가 어떻게 적용되는지 이해하기 쉽도록 화면상에 직접 표현하여 보여주는 사이트입니다. 브라우저의 크기를 조절해가면서 보시면 그리.. 2013. 11. 12.