편물
JavaScript 데이터 그리드로 그렇게 할 수 있습니까?
이 기사에서는 최신 JavaScript 그리드로 달성할 수 있는 꽤 획기적인 몇 가지를 확인하고 데이터 그리드를 매력적이고 반응적이며 액세스 가능하게 만들기 위해 데이터 그리드를 보강하는 새로운 방법을 발견하게 될 것입니다. 이 모든 것은 Kendo UI 데이터 그리드와 그 기능을 사용하여 설명됩니다.
더 읽어보기답답한 디자인 패턴: 깨진 필터
필터를 너무 자주 다루면 답답할 수 있습니다. 바로잡자. 즉, 단일 입력에서 UI를 고정하지 않고 텍스트 입력 폴백을 제공하며 단일 입력에서 사용자를 자동 스크롤하지 않습니다. 여기 이유가 있습니다.
더 읽어보기Intersection Observer로 동적 헤더 만들기
JavaScript에서 스크롤 시 콜백을 지속적으로 실행하기 위해 이벤트 리스너를 연결하는 것은 성능 집약적일 수 있습니다. 그러나 Intersection Observer를 사용하면 더 좋은 방법이 있습니다.
더 읽어보기jQuery에서 Next.js로 마이그레이션하는 방법
이 기사에서는 jQuery 프레임워크를 사용하는 웹 애플리케이션을 마이그레이션하고 시장에서 가장 멋진 React 프레임워크 중 하나인 Next.js를 사용하는 방법에 대한 다양한 접근 방식과 전략을 자세히 살펴봅니다.
더 읽어보기CSS 리팩토링: 소개(1부)
CSS 리팩토링은 쉬운 작업이 아닙니다. 문제가 발생하지 않는 방식으로 수행되어야 합니다. 먼저 기존 코드베이스를 분석하고, CSS 코드베이스 상태를 감사하고, 약점을 발견하고, 접근 방식에 동의하고, 프로세스에 시간과 리소스를 투자하도록 경영진을 설득해야 합니다.
더 읽어보기접근성에 대한 강력한 사례 만들기
접근성은 종종 간과되거나 프로젝트가 끝날 때까지 고정됩니다. 프로젝트 시작부터 릴리스 또는 전달 및 그 이후까지 접근성을 구현하고 옹호하는 방법을 알아보겠습니다.
더 읽어보기Vue.js 개발 프로세스의 속도를 높이는 도구 및 사례
Vue.js는 점진적으로 적응할 수 있는 접근 가능한 미니멀리스트 프레임워크를 가지고 있다고 주장하지만 Vue.js 초보자로 시작할 때 다소 압도적일 수 있습니다. 이 기사에서는 Vue.js를 쉽게 작성할 수 있는 방법을 찾고 있습니다.
더 읽어보기Figma 대화형 구성 요소 소개
Figma의 Interactive Components를 사용하면 디자이너가 상태(hover, active, clicked, focus)가 있는 구성 요소를 만들고 구성 요소의 모든 복사본이 기본적으로 동일한 상호 작용을 상속하도록 대화형으로 만들 수 있습니다. 목업을 위한 상호 작용을 만드는 데 필요한 시간과 노력을 줄이는 방법을 살펴보겠습니다.
더 읽어보기헤드리스 CMS를 선택하는 방법
Headless CMS의 배열이 있습니다. 이 기사에서는 콘텐츠 편집자, 마케팅 담당자 및 개발자 자신을 만족시킬 수 있는 헤드리스 CMS 기능에 대해 알아봅니다. 경험이 풍부한 헤드리스 실무자의 경우 이것은 새로운 기능을 확인하기 위한 체크리스트가 될 수 있습니다. 머리 없는 여정을 시작하는 사람들에게 이것은 무엇을 찾아야 하는지에 대한 지침이 될 수 있습니다.
더 읽어보기CSS에서 HSL 색상 사용
이 기사에서 Ahmad Shadeed는 HSL이 무엇인지, 어떻게 사용하는지 설명하고 현재 프로젝트에서 바로 사용할 수 있는 몇 가지 유용한 사용 사례와 예를 공유합니다.
더 읽어보기