편물

2021년 프런트 엔드 성능 체크리스트(PDF, Apple Pages, MS Word)

2021년을 만들자...빨리! 메트릭에서 도구 및 CSS/JavaScript 기술에 이르기까지 오늘날 웹에서 빠른 경험을 만들기 위해 알아야 할 모든 것이 포함된 연간 프런트 엔드 성능 체크리스트.

더 읽어보기

CSS3 및 바닐라 JavaScript로 HTML5 SVG 채우기 애니메이션

이 기사에서는 Awwwards 웹사이트에서 애니메이션 메모 디스플레이를 구축하는 방법을 배울 수 있습니다. HTML5 SVG circle 요소, 해당 획 속성, CSS 변수 및 Vanilla JavaScript로 애니메이션을 적용하는 방법에 대해 설명합니다.

더 읽어보기

2019년에 웹사이트를 구축하려면 얼마를 받아야 할까요?

웹 디자이너로서 은행에 돈이 있는 한 웹사이트를 구축하기 위해 받는 돈은 중요하지 않다고 생각할 수 있습니다. 하지만 그렇게 합니다. 이 가이드는 디자인 서비스 비용을 청구할 수 있는 세 가지 방법을 분류하고 2019년에 고객에게 청구할 완벽한 요금을 찾는 데 도움을 줍니다.

더 읽어보기

CSS를 배우는 방법

모든 CSS 속성 및 값을 검색할 수 있는 좋은 장소가 있으므로 암기할 필요가 없습니다. 그러나 CSS를 훨씬 더 쉽게 사용할 수 있도록 하는 몇 가지 기본적인 사항이 있습니다. 이 기사는 CSS 학습 경로를 안내하는 것을 목표로 합니다.

더 읽어보기

2018년: 놀라운 해를 검토하다

Smashing Team은 2018년을 돌아봅니다. 컨퍼런스, 기사, 서적 및 Smashing Membership — 많은 일이 있었습니다.

더 읽어보기

새해, 새로운 시작(2019년 1월 월페이퍼 에디션)

약간의 영감으로 새해를 시작해 봅시다. 커뮤니티에 대한 커뮤니티의 사랑으로 만든 월페이퍼. 행복한 2019년!

더 읽어보기

PWA가 기본 모바일 앱을 대체합니까?

모바일 사용자 경험과 관련하여 모바일 웹사이트가 그렇게 나쁩니까? 전용 네이티브 앱을 구축하는 것의 이점에 대해 많이 들었지만 사용자가 이를 받아들이지 않으면 엄청난 비용이 드는 도박이 될 수 있습니다. 그렇다면 프로그레시브 웹 앱이 최선의 선택일까요? 그리고 결국에는 모바일 웹과 기본 앱을 대체하게 될까요? 이 기사에서는 이 아이디어를 탐구합니다.

더 읽어보기

프런트 엔드 프로젝트의 일반적인 CSS 문제

렌더링 및 상호 작용은 최근 몇 년 동안 여러 브라우저에서 훨씬 더 일관되게 되었습니다. 그러나 여전히 완벽하게 균일하지 않으며 많은 작은 문제로 인해 문제가 발생할 수 있습니다. 솔루션과 함께 일반적인 문제 목록입니다.

더 읽어보기

우리가 원했던 것

"당신이 원하는 모든 것을 얻을 수 있기를"이라는 오래된 진부한 말은 특히 교활한 저주를 만듭니다. Edge가 곧 Chrome의 렌더링 엔진으로 전환함에 따라 좋든 나쁘든 쓰디쓴 소원이 이루어지고 있습니다.

더 읽어보기

일반 우선 CSS: 모바일 우선에 대한 새로운 생각

반응형 웹 디자인과 모바일 우선 접근 방식의 도래와 함께 새로운 개념으로 인해 기본 수준에서 CSS를 작성하는 방식을 채택해야 했던 멋진 7년이 되었습니다. 글쎄, 나는 당신에게 제공 할 너무 획기적인 것은 없지만 작은 놀라움이 있습니다. 보라: 일반 첫 번째 CSS.

더 읽어보기