편물
Firefox의 새롭고 실험적인 CSS DevTools 가이드
Grid Inspector를 출시한 이래로 Firefox DevTools 팀은 현대 웹의 문제를 해결하기 위한 새로운 도구 모음을 구축하는 데 영감을 받았습니다. 이 기사에서 우리는 7가지 도구에 대해 배우고 잠재적인 미래 프로젝트를 엿볼 것입니다.
더 읽어보기PWA에서 이동 경로를 사용하는 방법
PWA는 방문자에게 모바일 웹사이트보다 더 나은 경험을 제공해야 합니다. 그러나 PWA가 기본 앱과 같은 방식으로 고정 탐색을 사용하기 때문에 쉽게 이동할 수 없습니다. PWA가 안내 없이 탐색하기 어려울까 걱정된다면 이동 경로를 활용하세요. 탐색, 가독성, 전환 등을 개선하는 데 사용할 수 있습니다.
더 읽어보기10월 CMS용 커스텀 플러그인 개발
객체 지향적이고 읽기 쉬운 코드 작성을 좋아한다면 이 기사가 적합합니다. 자신만의 플러그인을 작성하는 방법과 10월이 다음 프로젝트에 좋은 선택이 될 수 있는 이유를 배우게 됩니다.
더 읽어보기디자인 시스템은 관계에 관한 것입니다
디자인 시스템은 사용성을 향상시킬 수 있지만 창의성을 제한하거나 실제 제품과 동기화되지 않을 수도 있습니다. 이 기사에서는 디자이너와 개발자가 협업 문화를 구축하여 보다 강력한 디자인 시스템을 만드는 방법을 살펴보겠습니다.
더 읽어보기CSS 그리드와 명명된 열을 사용한 편집 디자인 패턴
CSS 그리드 레이아웃을 설정할 때 선의 이름을 지정함으로써 그리드의 흥미롭고 유용한 기능을 활용할 수 있습니다. 이 기능은 하위 그리드를 도입할 때 더욱 강력해집니다.
더 읽어보기Bea Feitler의 영감을 받은 디자인 결정: 멈출 수 없는 창조력
Inspired Design Decisions의 다섯 번째 기사에서 Andy Clarke는 1960년대 내내 Harper's Bazaar를 감독했으며 "당신이 들어본 적 없는 선구적인 여성 아트 디렉터"로 묘사된 Bea Feitler에 대해 알려줄 것입니다. Andy는 Feitler의 자신 있는 작업에 대해 가르치고 웹용으로 만드는 작업에 그녀의 디자인 기술 중 일부를 적용하는 방법을 보여줍니다. 이 기사에서는 가장 작은 화면에서도 규모를 강조하고 대비를 유지하는 방법을 배웁니다. Andy는 자신 있게 색상을 선택하는 방법과 패턴과 질감을 사용하여 디자인에 깊이를 더하는 방법을 알려줍니다.
더 읽어보기SmashingConf 2020 – 샌프란시스코, 프라이부르크, 뉴욕 및 오스틴
공식입니다! 내년에 우리는 샌프란시스코, 프라이부르크, 뉴욕, 오스틴의 각 도시에서 SmashingConf를 조직할 것입니다! 우리는 2019년에 우리가 배운 것과 성공을 기반으로 하여 실질적인 이틀간의 학습을 제공할 계획입니다. 그 과정에서 많은 재미와 놀라움이 있습니다!
더 읽어보기Frankenstein 마이그레이션: 프레임워크 불가지론적 접근 방식(2부)
읽기 전에 먼저 [파트 1](https://www.smashingmagazine.com/2019/09/frankenstein-migration-framework-agnostic-approach-part-1/)으로 돌아가면 도움이 될 것입니다. 이 기사의 두 번째 부분에서 따르십시오.
더 읽어보기Figma에서 테이블 만들기
Figma에서 표로 고민하시는 분들을 위한 상세 안내입니다. 나중에 확장성과 편집에 많은 시간을 절약할 수 있도록 구성 요소를 사용하여 테이블을 만들 것입니다. 또한 테이블을 디자인 시스템에 쉽게 통합할 수 있습니다.
더 읽어보기