Skip to content

Smashing Magazine’ 기사 모음입니다

전 세계적으로 영향력 있는 웹 디자인 분야 온라인 미디어 중 하나로 2006년 스벤 렌나르츠와 비탈리 프리드만에 의해 설립되었다.
웹 디자인계에서 실력을 인정받는 전문가들이 필자로 참여하여 웹 디자인, 웹 개발 관련 도서와 e북을 출판하고, 수준 높은 심층기사를 꾸준히 게재하고 있다. 2014년 현재 매달 1억 회 이상의 페이지 뷰, 평균 600만 명의 방문자 수를 기록하고 있으며 트위터 팔로워도 78만 명 이상이다.
매년 글로벌 웹 디자인 컨퍼런스를 개최하여 최신 이슈를 논의하는 등 웹 디자인계의 질적인 발전을 이끄는 핵심 역할을 하고 있다.

  • 코드
    CSS 그리드로 미지원 브라우저 지원하기
    ‘지원’의 의미 그리드 미지원 브라우저를 어떻게 지원할지 고민하기 전에, 먼저 ‘지원support‘의 의미를 정할 필요가 있다. 지원이란 대상 목록에 있는 모든 브라우저에서 우리 사이트가 완전히 동일한 모습이라는 의미일 수 있다. 또한, 어떤 브라우저에서도 따로 마무리 작업을 할 필요가 없는 만족스러운 상태이거나,...
  • 비즈니스
    실력이 성공을 좌우하는가
    성공이 의미하는 바는 사람마다 다르다. 어떤 이에게는 정말 좋아하는 프로젝트를 하는 것일 수 있다. 어떤 이에게는 많은 부를 축적하는 것일 수 있다. 또 어떤 이에게는 가족과 시간을 많이 보내는 것일 수 있다. 개인마다 성공을 다르게 정의하더라도 성공하려면 타인의 손을 거쳐야 한다는 사실은 같다. 괜찮은 직장을 잡는 것, 혹은 괜찮은 업무를 맡는 것, 자신...
  • 코드
    WebGL을 사용한 애니메이션 및 인터랙션 기법
    프로세스 제약사항 이 실습에서는 주로 three.js와 GreenSock 라이브러리를 사용했으며, 3D나 애니메이션 소프트웨어를 사용하지 않고 수기로 직접 코딩했습니다. 실습은 한 번에 큐브 하나씩 캐릭터를 프로그래밍하는 방식으로 진행됐습니다. 주로 코드 값을 미세하게 조정해 비율, 위치 및 전체 렌더링을 수정하려고 했죠. 그리고 최종적으로 사용자 입력 (...
  • 디자인
    스케치로 반응형 웹 디자인하기
    포토샵의 오랜 사용자였던 나는 2014년도 초반에 스케치로 갈아탄 후 다시는 포토샵을 쳐다보지 않고 있다. 단순한 인터페이스와 파일 자동저장 기능, 크기가 무제한인 캔버스 등 스케치 프로그램의 특성을 좋아한다. 하지만 다른 많은 프로그램에도 비슷한 기능이 있다. 더군다나 가장 최근에 업데이트(이 글을 쓸 당시에는 스케치 3.2)되기 전까지 사용자들은 스케치...
  • 디자인
    Craft 플러그인을 사용해 스케치에서 실제데이터로 디자인하기
    스케치로 앱 디자인할 때, 가장 간단하게 데이터 작업을 하는 방법은 바로 InVision의 Craft 플러그인을 사용하는 것이다. 가상의 ‘무비 파인터(Movie Finder)’ 앱을 제작해보며, Craft 플러그인을 200% 활용하여 실제 데이터로 앱에 영화 콘텐츠를 채우고 검색 기능을 제공해보자. ≪스케치≫(웹액츄얼리코리아, 2017)의 저자 ‘크리스티...
  • 모바일
    모바일 디자인 패턴, 재고량을 보여주는 분할 슬라이더
    고객에게 기쁨과 만족을 줄 수 있는 좋은 슬라이더를 만들기란 쉽지 않다. 하지만 기본 원칙과 패턴을 제대로 사용한다면 어려운 일만은 아니다. 이 글에서는 새로운 형태의 안드로이드 슬라이더에서 흔히 있는 문제를 해결하는 한 가지 방법을 보여준다. 디자인과 코드는 물론, 테스트할 수 있는 안드로이드 미니 앱 다운로드도 제공하고 있다.
  • 워드프레스
    워드프레스 코어 4.4에 상륙한 반응형 이미지
    워드프레스 4.4가 론칭되면서, ‘RICG Responsive Image’ 플러그인이 워드프레스 4.4 코어에 포함되었다. 반응형 이미지 지원은 이제 워드프레스의 기본 사양이 되었다. 이 기능이 어떻게 작동되는지, 그리고 어떻게 워드프레스 사이트에 적용할 수 있는지 알아보도록 하자.
  • 비즈니스
    폴 보아그가 전하는 《우리 회사 디지털로 리셋하기》
    '우리 회사 디지털로 리셋하기'의 의 저자 폴 보아그가 실제 업무 환경에 바로 적용할 수 있는 디지털 기법과 전략 그리고 놀라운 결과를 여러분께 직접 소개합니다.
  • 디자인
    반응형 웹 디자인에서 글줄의 길이와 글자 크기 균형 잡기
    모든 법칙은 깨어진다는 것을 명심하라. 얀 치홀트는 그동안의 자신의 작업물에서 중앙으로 글을 정렬시켰던 법칙을 자기 스스로 깼다. 읽기 편한 글자 크기를 위해 이상적인 글줄의 길이는 잊어라. 글자 크기가 (너무 작지 않고) 알맞으면 읽기가 쉽다.
  • 워드프레스
    워드프레스 테마를 고를 때 고려할 것들
    생활 속에서 최상의 상품을 구매하기 전에 다양한 상품을 비교해보는 것처럼 자신이 원하는 가장 좋은 워드프레스 테마를 선택하기 전에 여러 테마를 비교해봐야 한다. 워드프레스 테마를 비교하기 위해 우선적으로 고려해야 할 점들을 살펴보자.


맨위로