Skip to content

디자인

  • 웹디자인
    '본질의 웹 디자인(Intrinsic Web Design)' 시대가 온다
    분위기는 점점 더 달아오를 것이다. 디자이너들이 이런 개념에 열광하며 기존 레이아웃 제작 방식에 플렉스박스와 CSS 그리드를 결합하여 만들 수 있는 것을 고민하기 시작했기 때문이다. 레이아웃에 관한 새로운 아이디어가 폭발적으로 증가할 건 분명하다.
  • 레이아웃
    CSS 그리드 레이아웃 모범 사례
    어떤 면에서 우리 모두는 CSS 그리드 레이아웃에 관해 여전히 새롭다. 모두가 새로우니 많은 사람이 계속해서 사용 가능한 모범 사례를 구하고 있다. 이번 글에서는 레이철 앤드루가 설문조사하여 수집한 그리드 레이아웃에 대한 궁금증과 그녀의 생각을 공유한다.
  • 코드
    CSS 논리적 속성과 값 이해하기
    CSS 논리적 속성(logical property)과 논리적 값(logical value)을 이해하면 CSS 그리드 레이아웃과 쓰기 모드에서의 인터랙션을 보다 쉽게 터득할 수 있습니다.
  • 웹디자인
    [2018년 5월 웹 개발 동향] 브라우저 성능, 이터레이션 제로, 웹 인증
    2018년 5월 주목할 만한 이슈는 GDPR, 유럽 개인정보보호법 개정안 발효입니다. 강화된 개정 GDPR 내용을 정리한 체크리스트를 살펴보는 것만으로도 웹을 보는 시야가 넓어집니다. 지속적인 브라우저 업데이트 소식과 어도비 XD의 무료 배포, 프리랜서에게 전하는 조언 등 5월에도 다양한 웹 디자인 이슈가 기다립니다.
  • 코드
    CSS 그리드로 미지원 브라우저 지원하기
    ‘지원’의 의미 그리드 미지원 브라우저를 어떻게 지원할지 고민하기 전에, 먼저 ‘지원support‘의 의미를 정할 필요가 있다. 지원이란 대상 목록에 있는 모든 브라우저에서 우리 사이트가 완전히 동일한 모습이라는 의미일 수 있다. 또한, 어떤 브라우저에서도 따로 마무리 작업을 할 필요가 없는 만족스러운 상태이거나,...
  • 웹디자인
    웹폰트 사용하기
    폰트를 선택했다면 웹사이트에 적용해보자. 웹폰트는 @font-face 규칙을 통해 CSS에서 정의한다. 웹 개발자들은 @font-face 규칙을 직접 작성해본 혹은 복사해 붙여넣기라도 해본 경험이 있을 것이다. 그게 아니라도 최소한 본 적은 있을 것이다. 그래도 완벽하게 내 것으로 만들기 위해 기본 예제를 빠르게 실행해보자. 이렇게 @font-face 규칙...
  • 디자인
    CSS 그리드 레이아웃을 지금 사용해도 정말 괜찮을까
    저는 경비행기 조종을 배우고 있습니다. 경비행기 조종을 하면 컴퓨터에서 벗어날 수 있죠. 얼마 전에는 세스나150Cessna 150을 조종하고 있었습니다. 브리스틀 공항에 접근하면서 기체 고도를 낮게 유지하려고 고군분투하던 중, 말 그대로 구름 속으로 빨려 들어가 버렸습니다. 비행 강사는 이렇게 말했습니다. “당신이 잘못한 건 아니에요. 하지만 어쨌든 처리...
  • 비즈니스
    실력이 성공을 좌우하는가
    성공이 의미하는 바는 사람마다 다르다. 어떤 이에게는 정말 좋아하는 프로젝트를 하는 것일 수 있다. 어떤 이에게는 많은 부를 축적하는 것일 수 있다. 또 어떤 이에게는 가족과 시간을 많이 보내는 것일 수 있다. 개인마다 성공을 다르게 정의하더라도 성공하려면 타인의 손을 거쳐야 한다는 사실은 같다. 괜찮은 직장을 잡는 것, 혹은 괜찮은 업무를 맡는 것, 자신...
  • 코드
    WebGL을 사용한 애니메이션 및 인터랙션 기법
    프로세스 제약사항 이 실습에서는 주로 three.js와 GreenSock 라이브러리를 사용했으며, 3D나 애니메이션 소프트웨어를 사용하지 않고 수기로 직접 코딩했습니다. 실습은 한 번에 큐브 하나씩 캐릭터를 프로그래밍하는 방식으로 진행됐습니다. 주로 코드 값을 미세하게 조정해 비율, 위치 및 전체 렌더링을 수정하려고 했죠. 그리고 최종적으로 사용자 입력 (...
  • 디자인
    스케치로 반응형 웹 디자인하기
    포토샵의 오랜 사용자였던 나는 2014년도 초반에 스케치로 갈아탄 후 다시는 포토샵을 쳐다보지 않고 있다. 단순한 인터페이스와 파일 자동저장 기능, 크기가 무제한인 캔버스 등 스케치 프로그램의 특성을 좋아한다. 하지만 다른 많은 프로그램에도 비슷한 기능이 있다. 더군다나 가장 최근에 업데이트(이 글을 쓸 당시에는 스케치 3.2)되기 전까지 사용자들은 스케치...


맨위로