반응형
ADVERTISEMENT
-
반응형
[스매싱 매거진 9월 총정리]국경 없는 웹디자인의 세계
전 세계가 패닉에 빠져 있는 지금도 각자의 분야에서 보다 나은 웹 환경 구축을 위해 매진하는 사람들이 있습니다. 스매싱 매거진 9월 동향에서는 그들의 기발하고 열정적인 연구 결과들을 소개합니다. -
레이아웃
플렉스박스 플렉스 컨테이너를 만들 때 무슨 일이 벌어질까?
CSS 그리드(grid)는 본질(intrinsic)의 웹 시대 레이아웃의 기준이 될 것입니다. 먼저 사용된 플렉스박스로 그리드 레이아웃을 구현하는 데 어떤 어려움이 있는지 살펴보는 것은 그리드 레이아웃을 이해하는 첫걸음입니다. -
웹디자인
CSS 그리드 레벨2: 서브그리드
CSS 그리드 명세 레벨 2의 핵심 내용, 서브그리드(subgrid)란 무엇인가? 그 기능과 사용법에 대해서 레이철 앤드루가 이야기합니다. -
웹디자인
[2018년 5월 웹 개발 동향] 브라우저 성능, 이터레이션 제로, 웹 인증
2018년 5월 주목할 만한 이슈는 GDPR, 유럽 개인정보보호법 개정안 발효입니다. 강화된 개정 GDPR 내용을 정리한 체크리스트를 살펴보는 것만으로도 웹을 보는 시야가 넓어집니다. 지속적인 브라우저 업데이트 소식과 어도비 XD의 무료 배포, 프리랜서에게 전하는 조언 등 5월에도 다양한 웹 디자인 이슈가 기다립니다. -
디자인
스케치로 반응형 웹 디자인하기
포토샵의 오랜 사용자였던 나는 2014년도 초반에 스케치로 갈아탄 후 다시는 포토샵을 쳐다보지 않고 있다. 단순한 인터페이스와 파일 자동저장 기능, 크기가 무제한인 캔버스 등 스케치 프로그램의 특성을 좋아한다. 하지만 다른 많은 프로그램에도 비슷한 기능이 있다. 더군다나 가장 최근에 업데이트(이 글을 쓸 당시에는 스케치 3.2)되기 전까지 사용자들은 스케치... -
디자인
Craft 플러그인을 사용해 스케치에서 실제데이터로 디자인하기
스케치로 앱 디자인할 때, 가장 간단하게 데이터 작업을 하는 방법은 바로 InVision의 Craft 플러그인을 사용하는 것이다. 가상의 ‘무비 파인터(Movie Finder)’ 앱을 제작해보며, Craft 플러그인을 200% 활용하여 실제 데이터로 앱에 영화 콘텐츠를 채우고 검색 기능을 제공해보자. ≪스케치≫(웹액츄얼리코리아, 2017)의 저자 ‘크리스티... -
디자인
반응형 웹사이트를 위한 검색엔진 최적화
올해 4월 구글은 모바일 기기에서 검색할 때 모바일에 친화적인 웹페이지가 검색 순위 상위에 노출되게 하는 알고리즘을 적용했다고 공식 발표를 했다. 모바일을 위한 SEO가 필요한 시기가 된 것이다. 이 글에서 브라이슨 뫼니에는 모바일용 SEO의 사례로 디즈니 주니어를 들고 모바일용 SEO에서 꼼꼼히 살펴야 할 중요한 점들을 설명해준다. -
디자인
우리에게 반응형 이미지가 필요한 이유
반응형 이미지는 영원처럼 길게 느껴지는 시간 동안 웹 개발자들이 뜨겁게 논쟁해 온 주제 중의 하나였다. 내 기억으로는 제이슨 그리스비Jason Grisby가 아마도 너비의 퍼센티지를 줄이는 것이 충분하지 않고, 이미지를 리사이즈해야 한다는 것을 공개적으로 지적한 첫 번째 사람이었던 것 같다. 그는 원본 반응형 데모 사이트에서 적절하게 사이즈된 이미지들을……... -
디자인
레티나(Retina)에 최적화된 디자인하기
웹액츄얼리팀이 2013년도 회사 목표와 비젼 리스트에 추가로 편입시킨 것이 바로 ‘레티나 디자인 작업’ 입니다. 앞으로 고해상도의 스크린을 탑재한 제품들이 계속 나올 것으로 보입니다. -
디자인
워드프레스, 반응형 웹디자인을 만나다.
'반응형 웹디자인'은 워드프레스 기반의 디자이너와 개발자인 당신에게 무엇을 의미할까요? 크리스 코이어, 이안 스튜어트 그리고 새라 캐논의 전략과 실제 사용법을 소개하고자 합니다.
ADVERTISEMENT