Skip to content

Smashing Magazine’ 기사 모음입니다

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

  • 레이아웃
    CSS 그리드 레이아웃 모범 사례
    어떤 면에서 우리 모두는 CSS 그리드 레이아웃에 관해 여전히 새롭다. 모두가 새로우니 많은 사람이 계속해서 사용 가능한 모범 사례를 구하고 있다. 이번 글에서는 레이철 앤드루가 설문조사하여 수집한 그리드 레이아웃에 대한 궁금증과 그녀의 생각을 공유한다.
  • 사용자경험
    [2018년 6월 웹 개발 동향] - 복잡성, HTTPS를 통한 DNS, 푸시 알림
    6월 한 달간 웹 개발 세계에서 일어난 가장 중요한 내용을 프론트엔드 개발자 안셀름 하네만이 요약, 전달합니다. 독자 여러분은 그저 둘러보기만 해도 전 세계 웹 개발 동향을 파악할 수 있습니다. 웹액츄얼리 [월간 웹 개발 동향]은 매월 발행됩니다.
  • 코드
    CSS 논리적 속성과 값 이해하기
    CSS 논리적 속성(logical property)과 논리적 값(logical value)을 이해하면 CSS 그리드 레이아웃과 쓰기 모드에서의 인터랙션을 보다 쉽게 터득할 수 있습니다.
  • 웹디자인
    [2018년 5월 웹 개발 동향] 브라우저 성능, 이터레이션 제로, 웹 인증
    2018년 5월 주목할 만한 이슈는 GDPR, 유럽 개인정보보호법 개정안 발효입니다. 강화된 개정 GDPR 내용을 정리한 체크리스트를 살펴보는 것만으로도 웹을 보는 시야가 넓어집니다. 지속적인 브라우저 업데이트 소식과 어도비 XD의 무료 배포, 프리랜서에게 전하는 조언 등 5월에도 다양한 웹 디자인 이슈가 기다립니다.
  • 웹디자인
    [2018년 4월 웹 개발 동향] 노력, 편견, 생산성에 관하여
    2018년 4월에도 글로벌 웹 디자인계는 바쁘게 돌아가고 있습니다. 브라우저 업데이트 소식을 시작으로 페이스북발 개인정보 유출 스캔들에 따른 디자인 윤리와 최근 이슈인 포용적 디자인(Inclusive Design)에 대한 논의도 활발합니다. CSS와 자바스크립트의 새로운 기능에 대한 소개도 빠뜨리지 않고 있습니다.
  • 콘텐츠전략
    [2018년 3월 웹 개발 동향] 서비스 워커, CDN 만들기, 디자인 팁
    서비스 워커Service Worker는 아마도 가장 잘못 소개되고 있는 웹 기술 중 하나일 것 같습니다. 대부분 이 기술을 논할 때 오프라인 모드에서 앱을 사용하는 방법에 관한 이야기만 하죠. 하지만 서비스 워커는 그보다 훨씬 많은 것을 할 수 있습니다. 최근에는 서비스 워커가 얼마나 훌륭한 기술인지에 관한 글을 매주 새로 보는 것 같네요. 예를 들어 이달...
  • 모바일
    [2018년 2월 웹 개발 동향] 개선된 내용, 다양한 브랜드 소식, 브라우저의 빠른 발전
    사람들은 저마다 속한 전문 분야에서 본인에게 맞는 세부 영역을 찾곤 합니다. 오늘날의 웹 디자인과 개발 분야도 이와 다르지 않습니다. 15년 전 제가 첫 웹사이트를 만들 때 사용했던 기술은 프레임셋과 HTML 4.0, 이미지 파일, 그리고 지금에 비하면 극히 제한적인 CSS와 현란한 GIF 이미지, 인라인 자바스크립트(예를 들면 onclick="" 속성) ...
  • 코드
    CSS 그리드로 미지원 브라우저 지원하기
    ‘지원’의 의미 그리드 미지원 브라우저를 어떻게 지원할지 고민하기 전에, 먼저 ‘지원support‘의 의미를 정할 필요가 있다. 지원이란 대상 목록에 있는 모든 브라우저에서 우리 사이트가 완전히 동일한 모습이라는 의미일 수 있다. 또한, 어떤 브라우저에서도 따로 마무리 작업을 할 필요가 없는 만족스러운 상태이거나,...
  • 비즈니스
    실력이 성공을 좌우하는가
    성공이 의미하는 바는 사람마다 다르다. 어떤 이에게는 정말 좋아하는 프로젝트를 하는 것일 수 있다. 어떤 이에게는 많은 부를 축적하는 것일 수 있다. 또 어떤 이에게는 가족과 시간을 많이 보내는 것일 수 있다. 개인마다 성공을 다르게 정의하더라도 성공하려면 타인의 손을 거쳐야 한다는 사실은 같다. 괜찮은 직장을 잡는 것, 혹은 괜찮은 업무를 맡는 것, 자신...
  • 코드
    WebGL을 사용한 애니메이션 및 인터랙션 기법
    프로세스 제약사항 이 실습에서는 주로 three.js와 GreenSock 라이브러리를 사용했으며, 3D나 애니메이션 소프트웨어를 사용하지 않고 수기로 직접 코딩했습니다. 실습은 한 번에 큐브 하나씩 캐릭터를 프로그래밍하는 방식으로 진행됐습니다. 주로 코드 값을 미세하게 조정해 비율, 위치 및 전체 렌더링을 수정하려고 했죠. 그리고 최종적으로 사용자 입력 (...


맨위로