가을인가요? 겨울? 모르겠지만 오늘 아침 앞마당에서 눈을 떴는데 지난 달 CSS-Tricks 주변에서 일어난 일에 대해 약간의 업데이트를 작성해야 할 때인 것 같았습니다. 우리는 하는 것으로 알려져 있습니다 때때로.
첫 번째는 CSS-Tricks 뉴스레터! 몇 달 간의 공백기 끝에 우리의 리듬이 점점 느려지는 것 같은 느낌이 들기 시작했습니다. 그만큼 마지막 판 XNUMX월 말에 나갔다. 그것은 일관성을 위해 큰 승리라고 부를 수 있는 XNUMX개월 연속 우리가 그것을 쏠 수 있었던 것입니다. 아니, 이전에 있었던 주간 주기는 아니지만 우리 팀이 계속해서 자리를 잡으면서 열망하고 있는 것입니다.
그러고 보니 — 새로운 팀원이 생겼습니다! 우리는 Andrea Anderson을 탑승시켰습니다. 그녀는 잘 알려진 기술 편집자이고 그녀가 여기 있는 것은 정말 행운입니다. 그녀는 때때로 CSS-Tricks 작업을 할 수 있지만 그녀의 주요 초점은 DigitalOcean의 커뮤니티 사이트.
아, 그리고 DigitalOcean 커뮤니티에 대해 이야기하는 동안 다음을 확인하세요. 개발자 Markepear 게시물 DigitalOcean의 작성 과정에 대해 자세히 알아보십시오. 진지하게, 튜토리얼이 윤곽을 잡고 구성되는 방식, 튜토리얼 아카이브를 탐색하는 UX, 심지어 각 기사의 콘텐츠와 광고 사이의 섬세한 상호 작용에 들어가는 믿을 수 없을 정도로 심층적인 다이빙입니다.
저는 DigitalOcean의 튜토리얼이 "가치 있는 냄새가 나는" "주선적인" 콘텐츠로 설명되는 방식이 정말 마음에 듭니다. 그것은 내가 개인적으로 최고 수준임을 증명할 수 있는 팀의 직업 윤리에 대해 많은 것을 말해줍니다. 이것이 바로 DigitalOcean과 CSS-Tricks가 잘 어울리는 이유입니다.
광고는 현재 우리에게 매우 중요합니다. 언제 우리가 설문 조사를 실행 지난 달에 우리는 DigitalOcean 인수 후 CSS-Tricks 광고가 어떤 영향을 받을지에 대한 우려가 있다는 것을 알았습니다. 제거할까요? DigitalOcean에 관한 모든 것을 만드시겠습니까? 모든 것을 그대로 유지하시겠습니까? 내 말은, CSS-Tricks는 전통적으로 조명을 유지하기 위해 광고 모델에 의존해 왔지만 이제는 회사의 지원을 받고 있으므로 광고에 얼마나 의존해야 할까요?
설문 조사에 따르면 많은 분들이 광고를 좋아하는 것으로 나타났습니다. 그것들은 일종의 사이트에 내장된 제품 추천과 같으며, 이것이 광고가 (1) 좋은 제품을 홍보하고 (2) 우리가 수행하는 프런트 엔드 작업과 관련이 있는지 확인하려는 Chris의 노력에 대한 증거라고 생각합니다. 적절한 예: DigitalOcean이 인수한 후 Cloudways 호스팅을 홍보하기 위해 최근 DigitalOcean 광고를 교체했습니다. 그 광고들은 그다지 좋은 성과를 거두지 못했기 때문에 우리는 이미 꽤 좋은 성과를 내고 있던 DigitalOcean 광고를 다시 교체했습니다.
(그런데 광고 된 거래는 꽤 훌륭합니다 ... $200의 무료 크레딧 프로젝트를 가동합니다.)
CSS-Tricks를 WordPress에서 DigitalOcean 커뮤니티가 콘텐츠에 사용하는 것과 동일한 CMS로 옮기는 작업이 아직 진행 중입니다. 많은 작업이 여전히 WordPress 콘텐츠 필드를 새 CMS에 매핑하고 있습니다. 7,000년 동안 15개 이상의 기사가 있는 웹사이트에 대해 이야기할 때 그것은 결코 쉬운 일이 아닙니다. 초기 사이트 아키텍처와 마찬가지로 잘 진행되고 있습니다. 다음으로 WordPress 블록을 처리하고 기능을 복제하고 이월해야 하는 모든 항목의 인벤토리를 만드는 방법을 파악해야 합니다. 휴!
새로운 얼굴들!
늘 그렇듯, 우리는 새로운 객원 작가들과 함께 일하면서 매달 몇 명의 새로운 얼굴을 사이트에 올리는 경향이 있습니다. 이번 달, 우리는 환영 크시슈토프 곤시아르츠 와 로렌조 보나넬라. 그들의 기사를 확인하고 작업을 공유한 것에 대해 하이파이브를 하십시오. 글을 쓰려면 많은 노력이 필요합니다. 다른 사람들 앞에서 자신의 아이디어를 내놓는 데 약간의 용기는 말할 것도 없고요. Krzysztof와 Lorenzo에게 감사드립니다!
모즈타바 세예디를 만나다
오랜 작가 중 한 명을 따라잡는 것이 이번 달 업데이트를 마무리하는 좋은 방법이라고 생각했습니다. 그리고 CSS-Tricks에 그만큼 많은 기사를 기고한 사람은 거의 없습니다. 모즈타바 세예디. 기록 보관소에 그의 이름이 그다지 많이 뜨는 것을 볼 수 없을 수도 있지만, 그것은 단지 그가 달력.
나는 Mojtaba에게 그의 작업에 대해 몇 가지 질문을 했고 그는 이러한 답변으로 정중하게 응답했습니다…
당신의 아주 첫 번째 기사 2017년에 Sublime Text 편집기를 위한 플러그인 모음이 우리와 함께 있었습니다. CSS-Tricks에 게시하기로 결정한 이유는 무엇입니까?
나는 Sublime Text 편집기와 그 플러그인에 대해 매우 열정적이었습니다. 반복되는 작업에 지칠 때마다 고통을 덜어주는 플러그인을 항상 찾을 수 있었습니다. 동료들에게 내가 사용하고 있는 플러그인이 얼마나 흥미로운지 보여주고 사용하도록 권장했습니다.
2017년 새해 결심 중 하나는 CSS-Tricks에 대한 기사를 게시하는 것이 었습니다. 나는 항상 그 아이디어가 매우 기술적이라고 생각했습니다. 개발에 유용하다고 생각한 Sublime Text 플러그인 목록을 간단하게 만들 수 있다는 생각은 전혀 하지 않았습니다! 요즘에는 내가 설정한 높은 기준이 내가 좋아하는 것에 대해 글을 쓰지 못하게 막고 있다는 것을 알 수 있습니다.
그 첫 번째 기사를 포기하는 것을 고려한 짧은 순간이 있었습니다. 나는 똑같은 것을 다루는 다른 게시물이 이미 많이 있다고 생각하면서 나 자신을 흥분했습니다. 하지만 호기심에 상위 Sublime Text 플러그인 게시물 중 일부를 Google에서 검색했는데 놀랍게도 제가 작성하고 있던 플러그인이 하나도 보이지 않았습니다. 그래서 이 웹사이트에 첫 번째 기사를 제출했습니다!
CSS-Tricks에 대해 총 35개의 기사를 작성했으며 그 중 33개는 달력. 그런 기술 정보를 작성하면 어떤 점이 좋습니까?
연감 항목은 참조할 수 있습니다. 우리는 속성이나 선택자의 구문을 확인하기 위해 계속해서 그들에게 돌아갑니다. 예를 들어, 우리는 배경 여부를 기억하는 속기 속성 background-position 값은 슬래시(/). 참고 문헌은 결코 오래되지 않습니다. 이것이 바로 연감이 제게 특별한 이유입니다.
같은 라인을 따라, 문서화가 어렵다. CSS-Tricks Almanac 작성의 과제 중 하나는 다음을 읽고 이해하는 것입니다. W3C의 사양. 예를 들어, 내가 글을 쓰고 싶을 때 mask-border 재산, CSS 사양은 사실상 내 유일한 소스였습니다. 나는 해당 모듈의 모든 측면과 다양한 값이 다양한 상황에서 어떻게 작동하는지 파악해야 했습니다. 실제 예제가 거의 없었기 때문입니다. 나는 그런 종류의 도전을 즐기고 다른 개발자들이 자신의 작업에서 이해하고 사용할 수 있는 유형의 무언가로 내 발견을 바꿀 수 있을 때 기분이 좋습니다.
또한있다. t그는 완전함의 기쁨. 문서화를 통해 일반적인 문서에서는 다루지 않을 수도 있는 세부 정보를 자세히 알아볼 수 있습니다. 속성이나 선택자를 파악하고 내 말로 설명할 수 있을 때 만족감을 느낍니다. CSS-Tricks Alamac은 저에게 그러한 기회를 제공합니다.
편집 과정을 거치지 않은 사람들을 위해 편집 과정에 대해 무엇을 말할 수 있습니까?
첫째, 깨끗하고 쉬운 프로세스를 즐기십시오. CSS-Tricks 편집팀은 당신이 스스로 할 수 있는 것보다 개선하고 더 좋게 만들 수 있도록 도와줄 것입니다.
또한 먼저 초안을 편집하십시오. 제출하기 전에 항상 기사를 직접 편집하십시오. 글이 준비될수록 편집자가 작업을 개선할 수 있도록 더 많은 시간을 할애할 수 있습니다. 편집자가 기본 문법과 맞춤법을 수정하는 데 많은 시간을 할애해야 한다면 피드백과 기타 고려 사항을 통해 아이디어를 더욱 발전시킬 수 있는 시간입니다.
그리고 물론 당신의 실수에서 배우십시오. 편집 과정에 있는 동안 학습에 개방적이어야 합니다. 여기 편집팀은 매우 경험이 풍부하고 도움이 됩니다. 나는 그들이 내 글에서 변경된 것을 검토하고 다음 글에서 그것들을 실천하려고 노력합니다. 감사합니다 제프리, 기술 문서 작성에 대해 많은 것을 배웠습니다.
기사 제안서 제출을 고려하는 사람을 위한 팁이 있습니까?
아이디어를 지나치게 생각하지 마십시오. 귀하의 기사가 로켓 과학 일 필요는 없습니다. 글을 쓸 수 있을 만큼 충분히 잘 아는 것은 다른 사람에게 도움이 될 수 있습니다.
또 다른 조언: 자신을 과소평가하지 마십시오. 인셀덤 공식 판매점인 Chris Coyier는 CSS-Tricks Almanac에 기여하도록 커뮤니티를 초대했습니다., 나는 CSS 문서를 작성한 경험이 있음에도 불구하고 그렇게 할 수 있는 더 많은 자격을 갖춘 사람들이 있다고 스스로에게 말했습니다. 그리고 네, 많은 사람들이 저보다 지식이 더 많았습니다(아마도 여전히 그럴 수도 있습니다). 하지만 결과적으로 저는 기꺼이 시도했기 때문에 이것의 일부가 될 수 있었습니다.
또 다른 큰 문제는 다른 사람들을 반복하는 것에 대해 걱정하지 마십시오. 아이디어가 독창적일 필요는 없습니다. 다른 사람들이 쓴 것에 대해 새롭고 다른 방식으로 쓸 수 있습니다. 당신의 관점과 관점이 중요합니다! 문제를 해결하는 방법과 문제를 설명하는 방법은 매우 유용한 방식으로 다를 수 있습니다.
그리고 마지막으로... 가장 좋아하는 CSS 트릭은 무엇입니까?
내가 가장 좋아하는 트릭은 설정 display: table 나머지는 자동 여백이 처리하도록 합니다.. 요즘에는 CSS가 훨씬 더 훌륭해지면서 같은 트릭을 사용할 수 있습니다. min-content 추가 래퍼가 없습니다.
웹 어딘가에 이와 동일한 주제에 대한 블로그 게시물이나 기사가 있다고 확신합니다. 하지만 여기 CSS-Tricks에 대해 쓰고 싶습니다. 보다? 내 관점을 여러분과 공유하고 싶고 내 방식대로 설명하고 싶습니다.
CSS-Tricks에서 공유하고 싶은 것이 있습니까? 우리에게 당신의 피치를 보내!
