13 번째 네 번째

CSS- 트릭은 13 번째 생일을 축하합니다! 지금 십대, 그리고 얼마나 여행 이었는지. 올해의 업데이트는 주요 사이트 개선 및 변경 사항을 다룹니다.

설계 향상

기술적으로 여전히 V17에 있지만이 사이트의 디자인은 초기 출시 이후 크게 진화했습니다. 주요 개선 사항에는 다음이 포함됩니다.

• 개선 된 검색 : Jetpack의 즉각적인 검색은 크게 향상된 검색 경험을 제공합니다.
• 향상된 Almanac Navigation : 새로운 사이드 바는 Almanac 페이지 (예 : background-blend-mode ) 내에서 탐색을 향상시킵니다.
• 정제 된 타이포그래피 : 이 사이트는 이제 Hoefler & Co를 통합 한 응집력있는 서체 패밀리를 자랑합니다. Sentinel, Ringside, Operator Mono 및 Gotham이 반올림했습니다.

향후 설계 반복에는 백엔드 기술 업데이트가 포함될 수 있습니다.

포럼 폐쇄

수년간의 고려 후 CSS- 트릭 포럼은 올해 초에 마감되었습니다. 기존 컨텐츠에 대한 액세스가 남아 있지만 더 이상 새 게시물이 허용되지 않습니다. 이 결정은 어렵지만 다음과 같이 필요했습니다.

• 조정 부족 : 일관된 중재는 지속 불가능했습니다.
• 스팸 증가 : 높은 스팸 부피에는 상당한 수동 개입이 필요했습니다.
• 기술 부채 : 포럼에는 상당한 업데이트와 재 설계가 필요했습니다.

포럼의 사이트 트래픽에 대한 제한된 기여와 전용 자원이 없기 때문에 궁극적 으로이 폐쇄가 발생했습니다. 초점은 컨텐츠 제작 및 사용자 지원으로 전환하여 커뮤니티 토론에 더 적합한 플랫폼을 활용했습니다.

소셜 미디어 간소화

단순화의 또 다른 영역에는 트위터 (@CSS)가 포함되었습니다. 계정의 존재를 유지하면서 직접 관리가 중단되었습니다. Jetpack을 통한 자동 트위터는 이제 프로모션 후 프로모션을 처리하여 시간 약속없이 일관된 추종자 성장과 참여를 초래합니다. 이를 통해 장기 컨텐츠 개발 및 SEO에 대한보다 집중된 접근 방식이 가능합니다.

확장 된 디자인 기능

CSS- 트릭은 다양한 방법을 통해 맞춤형 디자인 기회를 수용했습니다.

• 사용자 정의 게시물 템플릿 : "The Great Divide"에세이에 사용 된 것과 같은 특정 템플릿은 독특한 디자인 접근법을 허용합니다.
• "Fancy Post"템플릿 : 영웅 이미지와 중앙 열이있는 간소화 된 템플릿은 WordPress의 블록 편집기 내에서 맞춤형 스타일을위한 유연한 기초를 제공합니다.
• 카테고리 기반 템플릿 : WordPress의 카테고리 기능을 활용하면 게시물 컬렉션 (예 : 연말 생각, 가이드 컬렉션)을위한 사용자 정의 방문 페이지를 생성 할 수 있습니다.

블록 편집기는 이러한 디자인 기능을 확장하는 데 중요한 역할을했으며 이전 편집기보다 크게 개선되었습니다.

전자 상거래 통합

WooCommerce의 통합은 CSS Flexbox 및 CSS 그리드 가이드의 포스터를 포함하여 제품 판매를 촉진했습니다. 또한 MVP 서포터 멤버십 시스템을 뒷받침하여 "가장 큰 CSS Tricks vol. I"에 대한 액세스 권한을 제공합니다. WooCommerce의 기능은 멤버십 관리, 가입 청구 및 일회성 제품 판매로 확장됩니다.

사이트 분석 및 스폰서

사이트 분석은 매달 약 8 백만 페이지보기를 마무리하며 안정적으로 유지됩니다. 이 사이트는 귀중한 지원과 파트너십을 위해 스폰서, 특히 Automattic, Netlify, Flywheel 및 Frontend Masters에게 깊은 감사를 표합니다.

다른 프로젝트

Codepen은 지속적인 발전과 흥미 진진한 미래 계획으로 계속 번창하고 있습니다. Shoptalk Podcast는 강력한 존재를 유지하여 개발자들 사이에 통찰력있는 토론을 제공합니다.

개인 업데이트

저자와 그의 가족은 오리건 주 벤드에 남아 있습니다. 이 업데이트는 진행중인 유행성을 탐색하고 지속적인 안전과 복지를 요구하는 것에 대한 메모로 끝납니다. 저자는 원래 디자이너의 작품을 인정하고 디자인 수정의 근거를 설명합니다.

위 내용은 13 번째 네 번째의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!