편물
카테고리 페이지 디자인으로 모바일 전환을 늘리는 방법
최근 연구에 따르면 전자 상거래 카테고리 페이지는 개별 카테고리 페이지보다 검색에서 더 높은 클릭률을 보입니다. 따라서 전자 상거래 사이트가 쇼핑객을 유치하고 전환하는 데 어려움을 겪고 있다면 카테고리 페이지(특히 모바일 페이지)를 재설계해야 할 수 있습니다.
더 읽어보기디자이너는 어떻게 코딩을 배워야 할까요? Git, HTML/CSS, 엔지니어링 원칙(2부)
[파트 1](https://www.smashingmagazine.com/2020/03/designers-code-terminal-text-editors-part-1/)에서 Paul은 터미널의 기본 사항을 설명하고 몇 가지 생산성 핵을 공유했습니다. 시작하기 및 코드 편집기 선택 방법. 이 부분에서 그는 버전 제어(Git), HTML 및 CSS, 시맨틱 코드, 몇 가지 주요 엔지니어링 원칙에 대한 간략한 소개 등의 주제를 계속 다룰 것입니다.
더 읽어보기Paul Boag와 함께하는 스매싱 팟캐스트 에피소드 12: 전환 최적화란?
Smashing Podcast의 이 에피소드에서는 사이트 방문자를 고객으로 전환하는 것과 관련된 사용자 경험에 대해 이야기하고 있습니다. Drew McLellan은 전환 최적화 전문가인 Paul Boag와 대화하여 이에 대해 알아봅니다.
더 읽어보기Otto Storch와 함께 영감을 받은 디자인 결정: 아이디어, 카피, 아트 및 타이포그래피가 분리될 수 없게 된 때
Inspired Design Decisions의 일곱 번째 기사에서 Andy Clarke는 미국의 아트 디렉터이자 그래픽 디자이너인 Otto Storch가 웹 디자인에 영감을 주는 방법을 알아봅니다.
더 읽어보기React로 정렬 가능한 테이블 만들기
React에서 테이블을 정렬 가능하게 만드는 것은 어려운 작업처럼 들릴 수 있지만 너무 어려울 필요는 없습니다. 이 기사에서는 모든 테이블 정렬 요구 사항을 정렬하는 데 필요한 모든 것을 구현할 것입니다.
더 읽어보기CSS Houdini의 실용적인 개요
이 기사에서는 Houdini의 각 부분과 현재 브라우저 지원을 살펴보고 점진적 향상을 사용하여 오늘날 어떻게 사용할 수 있는지 살펴봅니다.
더 읽어보기디자이너는 어떻게 코딩을 배워야 할까요? 터미널 및 텍스트 편집기(1부)
2부로 구성된 이 기사 시리즈의 목적을 위해 "디자이너가 코딩해야 합니까?"에 대한 답을 가정하겠습니다. "에 따라 다릅니다." 이 시리즈의 첫 번째 파트에서는 명령줄과 텍스트 편집기에 익숙해지는 방법을 살펴보겠습니다.
더 읽어보기Indigo.Design 사용성 테스트가 웹 디자인에서 추측을 제거하는 방법
이 기사에서는 사용성 테스트 프로세스에 대해 설명합니다. Indigo.Design을 사용하여 웹사이트를 개발하는 동안 테스트가 무엇인지, 언제 사용해야 하는지, 데이터 기반 통찰력을 생성하는 방법입니다.
더 읽어보기React에서 무한 스크롤 및 이미지 지연 로딩 구현하기
이 튜토리얼에서는 `HTML` `Intersection Observer` API를 사용하여 React 기능 구성요소에서 무한 스크롤 및 이미지 지연 로딩을 구현하는 방법을 배울 것입니다. 그 과정에서 우리는 React의 hooks를 어떻게 사용하는지와 Custom Hooks를 만드는 방법을 배우게 될 것입니다.
더 읽어보기