편물

SVGator로 SVG 파일 애니메이션

간단한 SVG 애니메이션을 만들 때 프로세스 속도를 정말 높여주는 SVGator와 같은 도구에 매우 기쁩니다. 사용하기 쉽고 멋진 애니메이션을 순식간에 얻을 수 있는 방법은 다음과 같습니다.

더 읽어보기

그래서 사용자를 설득하고 싶습니까? 일을 간단하게!

설득은 일상 생활에서 우리 주변에 있습니다. 디자이너로서 우리는 윤리적이고 설득력 있는 디자인 방법을 사용하여 사용자가 어떤 행동을 취하도록 할 수 있습니다. 설득력 있는 방법이 많기 때문에 우리는 무엇을 사용할 것인지 선택해야 합니다.

더 읽어보기

재사용 가능한 구성 요소의 성배: 사용자 지정 요소, Shadow DOM 및 NPM

이 기사에서는 기능과 스타일이 내장된 구성 요소로 HTML을 보강하는 방법을 살펴봅니다. 또한 NPM을 사용하여 이러한 사용자 지정 요소를 여러 프로젝트에서 재사용할 수 있도록 만드는 방법을 배웁니다.

더 읽어보기

2018년 월간 웹 개발 업데이트 7⁄2018: 실용적인 접근성, 디자인 실수 및 기능 제어

최신 기술, 브라우저 업데이트 및 인기 주제를 최신 상태로 유지하는 것은 상당히 어려울 수 있습니다. 매달 Anselm은 웹 업계에서 일어나고 있는 일을 요약하여 새롭고 중요한 모든 것을 쉽게 따라잡을 수 있습니다.

더 읽어보기

Affinity Designer에서 평면 벡터 일러스트를 만드는 방법

7월 11일 오늘부터 Affinity Designer는 iPad에서도 사용할 수 있습니다. 이 튜토리얼은 매우 사용자 친화적인 주요 도구와 기능을 소개하고 폭스바겐 비틀의 멋진 평면 벡터 일러스트레이션을 만드는 방법을 보여줍니다.

더 읽어보기

코드 시를 작성하여 코딩 배우기

코딩을 배우는 것은 어려울 수 있습니다. 이 기사에서 Murat는 코드를 다르게 그리고 시적으로 작성하는 것이 초기의 어려움과 불안을 극복하는 데 어떻게 도움이 되었는지에 대한 조언을 공유합니다.

더 읽어보기

디자이너를 코드 검토 프로세스에 참여시켜 더 나은 협업

다른 사람들, 특히 다른 분야의 사람들을 초기에 참여시키는 것은 무섭게 느껴질 수 있습니다. 코드 리뷰에서 영감을 얻어 디자인, UX, 콘텐츠 또는 개발 등 우리 자신의 분야뿐만 아니라 분야 전반에 걸쳐 협업을 개선할 수 있습니다.

더 읽어보기

패턴 라이브러리 우선: CSS 관리를 위한 접근 방식

CSS는 특히 다양한 중단점에 대한 미디어 쿼리를 포함하고 이전 브라우저에 대한 폴백을 포함해야 하는 경우 프로젝트 전체에서 관리하기 어려울 수 있습니다. 이 기사에서는 프랙탈을 사용하여 CSS 그리드를 사용하는 구성 요소를 관리하는 방법을 살펴보겠습니다.

더 읽어보기

더 나은 연구, 더 나은 디자인, 더 나은 결과

대부분의 웹 전문가는 가능한 한 빨리 웹 디자인 프로젝트에서 자신의 영향력이 느껴지는 것을 보고 싶어합니다. 디자인 프로세스의 각 측면을 살펴보고 그 과정에서 SEO 질문에 대해 이야기해 보겠습니다.

더 읽어보기

Redux란 무엇인가: 디자이너 가이드

Redux의 진정한 힘은 상태를 관리하는 것 이상이라는 사실을 알고 계십니까? 디자이너로서 Redux의 장점과 단점을 이해한다면 디자인의 관점에서 이러한 의사 결정에 기여할 수 있을 것입니다.

더 읽어보기