편물
나는 오픈 소스 편집기에 기여했고, 당신도 할 수 있습니다
몇 달 전에 Jason Grigsby의 [양식의 자동 완성에 대한 게시물](https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/)이 있었습니다. 나는 사용자가 자신의 카드 사진을 찍어 신용 카드 세부 정보를 채울 수 있다는 아이디어를 좋아했습니다. 내가 좋아하지 않는 것은 [자동 완성의 가능한 모든 값](https://html.spec.whatwg.org/multipage/forms.html#autofill)을 배우는 것이었습니다. 노년에 게을러지고 있습니다. 최근에는 지능적인 자동 완성 기능을 제공하는 편집기를 사용하면서 버릇이 생겼습니다. 과거에는 거대하고 복잡한 IDE에서만 제공되던 기능이었습니다. 내가 선택한 편집기를 열고 'input' 요소를 만들고 'autocomplete' 속성을 추가했지만 코드 완성이 'on' 또는 'off' 상태를 제공한다는 것을 발견했습니다. 실망.
더 읽어보기반응형 웹 디자인을 위한 Photoshop 에티켓
[포토샵 에티켓](https://photoshopetiquette.com/)이 공식적으로 웹상의 유물이 된 지 거의 5년이 되었습니다. 몇 년 동안 웹에서 많은 일이 일어날 수 있으며, 지난 5년 동안 그 일을 가장 잘 설명했습니다.
더 읽어보기UI 디자인 비평을 실행하는 방법
비판은 쉽습니다. 모든 사람이 의견을 가지고 있는 것처럼 보이지만 저자 Harlan Ellison이 지적했듯이 "당신은 당신의 의견을 들을 자격이 없습니다. 당신은 정보에 입각한 의견을 들을 자격이 있습니다." 하지만 정보를 얻으려면 탐색이 필요합니다. 디자인 비평은 모든 제품 탐색의 중요한 부분입니다. 제작자가 나머지 팀 및/또는 클라이언트와 함께 창작물에 대해 논의하고 설명하는 디자인 비평은 디자이너에게 욕을 먹거나 그들이 내린 모든 결정을 정당화하도록 강요하는 것이 아닙니다. 그것은 단지 비판입니다. **훌륭한 디자인 비평은 디자인을 탐색하고** 그것이 작동하는 부분과 개선할 수 있는 부분을 찾는 것을 의미합니다. 잘 수행된 경우 디자인 비평을 통해 팀의 모든 사람이 자신의 의견을 들은 것처럼 느끼고 고객이 귀중한 피드백을 제공할 수 있습니다.
더 읽어보기프로그레시브 웹 앱 초보자 가이드
PWA는 최신 기술을 활용하여 최고의 웹 및 모바일 앱을 결합합니다. 이 기사는 브라우저의 최근 발전과 개발자로서 우리가 새로운 세대의 웹 앱을 구축해야 하는 기회를 살펴봅니다.
더 읽어보기경험 디자인 필수 요소: 모바일 앱의 애니메이션 마이크로인터랙션
유명한 마술사 다리엘 피츠키(Dariel Fitzkee)는 “마법은 디테일과 퍼포먼스 모두에 있다”고 말했습니다. 인터랙션 디자인이 바로 그런 것입니다. 디자이너는 큰 그림을 올바르게 그리는 것을 좋아하지만 세부 사항이 제대로 처리되지 않으면 솔루션이 실패합니다. **마법은 디테일에 있습니다**. 그렇기 때문에 잘 설계된 마이크로인터랙션은 경험을 정교하게 만든 것처럼 느끼게 합니다. 디자인이 마이크로인터랙션의 이점을 얻는 방법을 더 잘 이해하려면 앱 아이디어를 스케치하는 것이 도움이 될 것입니다. Adobe는 와이어프레임을 디자인하고 인터랙티브하게 만들 수 있는 Experience Design(또는 Adobe XD)이라는 새로운 디자인 및 와이어프레이밍 앱을 도입했습니다. Adobe XD를 무료로 다운로드하여 테스트할 수 있습니다.
더 읽어보기개발자는 코드를 "소유"하므로 디자이너는 경험을 "소유"해야 하지 않습니까?
우리는 모두 거기에 있었다. 비즈니스 요구 사항을 수집하고, 복잡한 사용자 여정을 작성하고, 정밀한 인터페이스 요소를 만들고, 대표적인 사용자 샘플에 대해 테스트하는 데 몇 달을 보냈지만 원하는 경험과 거의 유사하지 않은 최종 제품을 보았습니다.
더 읽어보기사용자 메모리 디자인: 오래 지속되는 경험을 위한 디자인 방법
아래 그림의 두 차트는 생각하는 방식을 바꿨습니다. 1996년의 고전적인 심리학 연구에서 재현된 이 차트 뒤에 숨겨진 이야기는 우리가 세상을 경험하는 순간에 느끼는 방식이 나중에 그 경험을 회상할 때의 감정과 매우 다를 수 있음을 생생하게 보여줍니다.
더 읽어보기데스크탑 월페이퍼 캘린더: 2016년 8월
[8년 이후](https://www.smashingmagazine.com/tag/wallpapers/), 월간 데스크탑 월페이퍼 챌린지는 전 세계의 재능 있는 디자이너와 아티스트의 지칠 줄 모르는 노력 없이는 불가능했을 스매싱 즐겨찾기 도전입니다. . **일반적인 군중보다 조금 더 독특한 월페이퍼**를 제공하기 위한 탐구에서 우리는 디자인 커뮤니티인 귀하에게 창의적인 주스가 흐르도록 하고 매월 흥미롭고 영감을 주는 디자인을 새로 제작하도록 요청합니다. 그리고, 이번에도 별반 다르지 않았다.
더 읽어보기웹 개발 읽기 목록 #147: 보안 지침, 액세스 가능한 UI 구성 요소 및 콘텐츠 우선 디자인
팀에서 일할 때는 규칙을 지키는 것이 중요합니다. 일반적인 문제는 유사하거나 동일한 도구 세트와 **코딩 지침**으로 모든 프로젝트를 구축하는 것입니다. 어제 저는 수년에 걸쳐 초기 코드베이스를 능가하는 프로젝트를 새로운 React.js 기반 소스 코드로 이식하는 방법에 대해 논의했습니다. 우리는 이미 이 프로젝트에 많은 노력과 돈을 투자했고 React로 이동하는 데에도 상당한 시간이 필요하기 때문에 이에 대한 결정은 쉽지 않았습니다. 그러나 기술적인 관점에서 전환이 의미가 있고 팀이 이미 다른 세 가지 프로젝트에 React를 사용하고 있기 때문에 이것이 좋은 단계라고 결론지었습니다. 이를 통해 팀의 더 많은 개발자가 프로젝트에 기여하고, 코드를 검토하고, 회사의 기술 이동을 줄일 수 있습니다. 때로는 프로젝트를 재평가하고 계속 진행해야 할 때입니다.
더 읽어보기