편물

디스플레이 속성 파고들기: 상자 생성

CSS의 'display' 속성에 대한 시리즈를 계속하면서, 이번에는 Rachel Andrew가 상자를 생성하고 싶지 않을 때 상자 생성을 제어하는 ​​값을 살펴봅니다.

더 읽어보기

SmashingConf 샌프란시스코 2019를 돌아보며

매진된 [SmashingConf San Francisco](https://smashingconf.com/sf-2019/)에서 즐거운 시간을 보냈습니다! 이 기사에서 Rachel Andrew는 무대 안팎에서 공유된 모든 비디오, 사진, 트윗 및 리소스를 정리합니다.

더 읽어보기

더 나은 결정을 위한 디자이너 가이드

디자인에는 결정이 포함되며, 우리의 두뇌는 생존을 위해 연결되어 있기 때문에 그러한 결정은 종종 결함이 있습니다. 우리가 흔히 4가지 일반적인 결정 함정에 빠지는 이유와 이를 피하는 방법을 알아보십시오.

더 읽어보기

MutationObserver API 알아보기

복잡한 웹 앱 및 프레임워크에서는 DOM 변경 사항을 모니터링해야 하는 경우가 있습니다. 대화형 데모와 함께 설명을 통해 이 기사에서는 MutationObserver API를 사용하여 DOM 변경 사항을 비교적 쉽게 관찰할 수 있는 방법을 보여줍니다.

더 읽어보기

프라이버시 UX: 프라이버시 인식 디자인 프레임워크

이 시리즈의 마지막 기사에서는 알림 UX 및 권한 요청에 대해 살펴보고 사용자의 개인 정보를 염두에 두고 이러한 환경을 더 잘 디자인할 수 있는 방법을 살펴보겠습니다.

더 읽어보기

여기있어! 새로운 스매싱 북 "아트 디렉션 포 웹"을 만나다

아트 디렉션은 100년 이상 광고 및 인쇄 디자인의 일부였지만 웹에서 아트 디렉션은 드물고 이에 대한 의미 있는 대화도 거의 없었습니다. Andy Clark의 "Art Direction for Web"은 이를 변경하고 아트 디렉션, 그것이 의미하는 바, 왜 중요한지, 누가 할 수 있는지에 대해 설명합니다.

더 읽어보기

마크다운을 HTML로 변환하는 Node.js Express API 빌드

Markdown 구문을 HTML로 변환하는 애플리케이션을 구축하는 맥락에서 API 엔드포인트를 생성하기 위해 Node.js와 Express 프레임워크를 사용하는 방법을 알아보세요.

더 읽어보기

전환하는 모바일용 리드 젠 랜딩 페이지 디자인

리드 캡처 페이지는 여러 면에서 기존 웹 페이지와 크게 다릅니다. 리드 생성 페이지를 모바일에 배치하면 이러한 차이가 확대되고 모바일에서 가능하다고 생각했던 것의 한계를 테스트할 수도 있습니다. 오늘은 이러한 차이점을 활용하여 리드 캡처 페이지가 모바일에서 얼마나 잘 전환되는지 개선하는 몇 가지 팁을 살펴보겠습니다.

더 읽어보기

프라이버시 UX: 더 나은 알림 및 권한 요청

이 시리즈의 세 번째 기사에서는 쿠키 동의 프롬프트, 푸시 알림 및 타사 추적을 처리하는 방법에 대한 몇 가지 정중한 방법을 탐구합니다.

더 읽어보기

리소스 힌트로 성능 최적화

사용자가 실제로 수행하기 전에 수행할 작업을 예측할 수 있을 때 많은 성능 최적화를 수행할 수 있습니다. 리소스 힌트는 웹 개발자가 브라우저가 사용자보다 한 발 앞서 있고 페이지를 빠르게 유지하도록 도울 수 있는 간단하지만 효과적인 방법입니다.

더 읽어보기