편물
디자이너와 개발자 간의 격차 해소
UXPin은 최근 "Merge"라는 새로운 기능을 출시했습니다. 이 도구는 우리 팀이 기대하는 민첩성과 품질을 향상시키면서 디자인과 개발의 틈을 뚫는 것을 목표로 합니다. 이 새로운 기술은 전체 디자인 팀과 엔지니어링 팀이 협력하는 방법에 대해 재고하게 할 수 있습니다.
더 읽어보기자동 채우기 어두운 패턴
"다크 패턴"은 사용자가 실제로 하고 싶지 않은 일을 하도록 속이는 기만적인 UX 패턴입니다. 이 기사에서 Alvaro Montoro는 세 가지 다른 브라우저에서 사용자의 개인정보가 얼마나 침해되는지 알아보기 위해 약간의 실험을 합니다.
더 읽어보기AnimXYZ를 사용하여 Vue에서 구성 가능한 CSS 애니메이션
GSAP 및 Framer Motion과 같은 대부분의 애니메이션 라이브러리는 주로 SCSS로 빌드된 "최초의 구성 가능한 CSS 애니메이션 툴킷"이라는 레이블이 붙은 AnimXYZ와 달리 JavaScript 또는 TypeScript로 순수하게 빌드됩니다. 짧은 시간과 적은 코드로 웹에서 애니메이션을 만들 수 있습니다.
더 읽어보기최신 이미지 형식 사용: AVIF 및 WebP
이 기사에서는 최신 이미지 형식(AVIF 또는 WebP)이 압축을 최대 50%까지 개선하고 시각적으로 매력적으로 보이면서 바이트당 더 나은 품질을 제공할 수 있는 방법을 강조할 것입니다. 고품질, 저품질 및 파일 크기 대상에서 가능한 것을 비교할 것입니다.
더 읽어보기마크다운의 접근성 향상
Markdown은 인터넷의 여러 곳에서 찾을 수 있습니다. 이 기사에서는 Markdown의 다양한 측면과 Markdown이 다른 기술과 상호 작용하는 방식을 다룹니다.
더 읽어보기엔드 투 엔드 테스트를 위해 Cypress에 대해 알아보자
종단 간 테스트가 고통스러운 주제입니까? 이 기사에서 Ramona Schwering은 Cypress로 종단 간 테스트를 처리하는 방법을 설명하고 스스로에게 너무 지루하고 비용이 많이 들지만 대신 재미있게 만듭니다.
더 읽어보기Next.js로 대규모 전자상거래 웹사이트 재구축(사례 연구)
우리는 Next.js를 사용하여 보다 전통적인 통합 전자 상거래 플랫폼에서 헤드리스 플랫폼으로 전환했습니다. 다음은 Next.js로 대규모 전자상거래 사이트를 재구축하면서 배운 가장 중요한 교훈입니다.
더 읽어보기악센트 색상으로 양식 스타일 단순화
새로운 CSS 'accent-color' 속성을 사용하면 사용자 에이전트 스타일을 활용하여 브랜드 색상을 특정 양식 입력에 빠르고 쉽게 롤아웃할 수 있습니다. 이 기사에서 우리는 그것이 하는 일과 단순하고 접근 가능한 체크박스와 라디오 버튼을 위한 '색 구성표'와 함께 그것을 사용하는 방법을 살펴보고 미래에 이것을 어떻게 사용할지 상상해 볼 것입니다.
더 읽어보기자신만의 마우스리스 개발 환경을 구축하는 방법
셸을 핵심으로 사용하여 개발 환경을 구축하면 여러 이점이 있습니다. 자신의 필요에 따라 모든 것을 사용자 정의할 수 있으며 무엇보다도 키보드로 전체 개발 환경을 제어할 수 있습니다.
더 읽어보기웹 개발 도구가 사용자가 빠른 변화에 보조를 맞추도록 돕는 방법
지난 18개월은 전례 없는 격동의 시간이었습니다. 전 세계 사람들이 온라인에 넘쳐나면서 기업들이 웹 개발 도구를 사용하여 실시간으로 적응하고 합류했습니다.
더 읽어보기