편물

브라우저 없는 웹을 위한 디자인

사용자는 기술이 기본인지, 설치된 웹 앱 또는 웹 사이트인지에 대해 그다지 신경을 쓰지 않았습니다. 사용자의 참여를 유도하고 쇼핑객을 전환하게 만드는 것은 실제로 경험 자체입니다. 이 기사에서 Mitch는 Android 기기의 PWA를 자세히 살펴보고 브라우저 없는 웹 브라우징의 새로운 시대를 열 수 있는 방법을 설명합니다.

더 읽어보기

접근 가능한 메뉴 시스템 구축

웹에는 다양한 종류의 메뉴가 있습니다. 포괄적인 경험을 만드는 것은 올바른 마크업 및 동작과 함께 올바른 장소에서 올바른 메뉴 패턴을 사용하는 것입니다.

더 읽어보기

From Cats With Love: 새로운 스매싱 멤버십을 환영합니다

커뮤니티의 신규 및 기존 목소리를 지원하고 강조하기 위한 커뮤니티 활동인 Smashing Membership을 만나보세요.

더 읽어보기

웹 디자인에 대한 종합 가이드

이 기사에서는 웹 사이트에 대한 훌륭한 사용자 경험을 만드는 데 도움이 되는 주요 원칙, 발견적 방법 및 접근 방식에 중점을 둘 것입니다. 나는 사용자 여정(웹사이트의 "골격"을 정의하는 방법)과 같은 전역적인 것으로 시작하여 개별 페이지(웹 페이지 디자인 중에 고려해야 할 사항)까지 작업할 것입니다. 또한 모바일 고려 사항 및 테스트와 같은 디자인의 다른 필수 측면도 다룰 것입니다.

더 읽어보기

Vary 헤더 이해하기

Vary HTTP 헤더는 매일 수십억 개의 HTTP 응답으로 전송됩니다. 그러나 그것의 사용은 원래의 비전을 결코 성취하지 못했고 많은 개발자들은 그것이 하는 일을 오해하거나 웹 서버가 그것을 보내고 있다는 사실조차 깨닫지 못합니다. Client Hint, Variants, Key 사양의 등장으로 다양한 응답이 새롭게 시작되고 있습니다.

더 읽어보기

사기꾼의 고백

5년 전, 처음으로 유럽 최고의 프론트 엔드 컨퍼런스 중 한 곳에서 연설을 하도록 초대받았을 때, 저는 상당히 **복잡한 감정**을 느꼈습니다. 분명히 저는 엄청나게 자랑스럽고 기뻤습니다. 다른 기술을 가진 다양한 청중을 위해 이 일을 할 기회가 전에는 없었습니다. 그러나 내가 가진 다른 감정들은 상당히 파괴적이었습니다. 나는 내가 어떻게 누군가에게 관심을 가질 수 있는지 진심으로 이해할 수 없었습니다. 나는 그때까지 수년 동안 프론트 엔드에서 일했지만 커뮤니티에서 매우 조용했습니다. 나는 대중적인 프레임워크나 라이브러리에 기여한 적이 없습니다. 나는 단지 평균이었다. 그래서 **나는 그 회의에 참석할 자격이 없다**는 실수를 저질렀다는 느낌이 매우 강했고, 비행기표를 사기 전까지 내가 정말로 연설을 하게 될 것이라는 사실을 믿을 수 없었습니다.

더 읽어보기

Gravit Designer 소개: 날씨 앱 디자인(2부)

Gravit Designer에 대한 이 자습서의 두 번째 부분에 다시 오신 것을 환영합니다. [첫 번째 부분](https://www.smashingmagazine.com/2017/08/introduction-gravit-designer-designing-weather-app-part-1/)에서 우리는 Gravit을 전반적으로 살펴보고 모든 것을 설정했습니다. 날씨 앱과 상태 표시줄에 배경 이미지를 생성한 후 디자인 콘텐츠의 초기 요소를 만들기 시작했습니다. 중단한 곳에서 계속합시다. 이 튜토리얼의 [1부](https://www.smashingmagazine.com/2017/08/introduction-gravit-designer-designing-weather-app-part-1/)에서 콘텐츠 영역의 메인 텍스트 레이어를 생성했습니다. , 하루 중 다른 시간대의 기상 조건을 계속 살펴보겠습니다.

더 읽어보기

AWS Cognito를 사용하여 웹 및 iOS 앱에 대한 사용자 인증(1부)

개발자와 조직은 모두 모바일 솔루션으로 민첩성을 높일 수 있는 방법을 찾고 있습니다. 아이디어에서 테스트까지의 시간을 단축하고자 하는 욕구가 있습니다. 개발자로서 나는 종종 모바일 가설의 초기 구축을 늦출 수 있는 한 가지 장애물인 사용자 관리에 직면합니다.

더 읽어보기

완벽한 기능 비교 테이블 설계

특정 임계값을 충족하는 가격표의 경우 또는 제품 품질에 특별히 투자하는 경우, 우리는 올바른 선택을 하고 있으며 좋은 가격에 좋은 제품을 구입하고 있다는 _절대적으로_ 확신하기를 원합니다. 그것이 **기능 비교 표**가 모든 차이를 만드는 곳입니다.

더 읽어보기

디자인 구현의 9가지 원칙

기존 프로젝트를 어떻게 평가할 수 있습니까? 코드를 검토하거나 CSS를 감사하거나 우리 팀의 역할 후보자를 인터뷰할 때 좋은 지침을 제공할 몇 가지 원칙이 있습니다.

더 읽어보기