เบื้องหลัง CSScenes พฤศจิกายน 2022 PlatoBlockchain Data Intelligence ค้นหาแนวตั้ง AI.

เบื้องหลัง CSScenes พฤศจิกายน 2022

มันเป็นฤดูใบไม้ร่วง? ฤดูหนาว? ฉันไม่รู้ แต่ฉันตื่นขึ้นมาพร้อมกับหิมะที่สนามหน้าบ้านเมื่อเช้านี้ และรู้สึกว่าถึงเวลาแล้วที่จะเขียนอัปเดตเล็กน้อยเกี่ยวกับสิ่งที่เกิดขึ้นเกี่ยวกับ CSS-Tricks ในเดือนที่ผ่านมา เนื่องจาก เรารู้ว่าต้องทำ เป็นครั้งคราว

แรกขึ้นคือ จดหมายข่าว CSS-Tricks! มันเริ่มรู้สึกเหมือนเรากำลังลดจังหวะลงหลังจากหายไปหลายเดือน เดอะ ฉบับล่าสุด ออกไปเมื่อปลายเดือนตุลาคม นั่นเป็นเดือนที่สามติดต่อกันที่เราสามารถยิงประตูได้ ซึ่งผมเรียกว่าเป็นชัยชนะครั้งยิ่งใหญ่สำหรับความคงเส้นคงวา ไม่ มันไม่ใช่จังหวะรายสัปดาห์ที่เราเคยมีมาก่อน แต่นั่นเป็นสิ่งที่เราต้องการในขณะที่ทีมของเรายังคงสร้างตัวเองต่อไป

เมื่อพูดถึงเรื่องนี้ เรามีสมาชิกในทีมคนใหม่แล้ว! เรานำ Andrea Anderson ขึ้นเครื่อง เธอเป็นบรรณาธิการด้านเทคนิคที่มีชื่อเสียง และเราโชคดีที่เธอมาที่นี่ แม้ว่าเธออาจทำงานกับ CSS-Tricks เป็นครั้งคราว แต่เป้าหมายหลักของเธอคือการทำงานกับเนื้อหาที่รวมเข้ากับ เว็บไซต์ชุมชนของ DigitalOcean.

โอ้ และในขณะที่เราอยู่ในหัวข้อ DigitalOcean's Community ลองดูสิ่งนี้ โพสต์ของนักพัฒนา Markepear เจาะลึกกระบวนการเขียนของ DigitalOcean เอาจริงๆ มันเป็นการดำดิ่งลงลึกอย่างเหลือเชื่อที่เจาะลึกวิธีการสอนแบบฝึกหัดที่มีโครงร่างและโครงสร้าง UX ของการไปยังส่วนต่างๆ ของคลังแบบฝึกหัด และแม้กระทั่งการทำงานร่วมกันที่ละเอียดอ่อนระหว่างเนื้อหาและการโฆษณาในแต่ละบทความ

ฉันชอบวิธีที่บทช่วยสอนของ DigitalOcean อธิบายว่าเป็นเนื้อหาแบบ "ให้ก่อน" ที่ "มีกลิ่นของคุณค่า" มันพูดถึงหลักจรรยาบรรณในการทำงานของทีม ซึ่งฉันสามารถยืนยันได้เป็นการส่วนตัวว่าเป็นสิ่งที่ยอดเยี่ยม นี่เป็นเหตุผลที่ DigitalOcean และ CSS-Tricks จับคู่กันได้อย่างยอดเยี่ยม

การโฆษณายังเป็นสิ่งที่อยู่ในใจของเราในตอนนี้ เมื่อเรา ทำแบบสำรวจ ในเดือนก่อน เรารู้ว่าจะมีความกังวลว่าโฆษณา CSS-Tricks จะได้รับผลกระทบอย่างไรหลังจากการเข้าซื้อกิจการของ DigitalOcean เราจะลบพวกเขาออกไหม? สร้างทั้งหมดเกี่ยวกับ DigitalOcean ไหม เก็บทุกอย่างไว้เหมือนเดิม? ฉันหมายความว่า CSS-Tricks เดิมอาศัยรูปแบบการโฆษณาเพื่อให้แสงสว่าง แต่ตอนนี้ได้รับการสนับสนุนจากบริษัทแล้ว เราจำเป็นต้องพึ่งพาโฆษณามากน้อยเพียงใด

จากการสำรวจพบว่าพวกคุณหลายคนชอบโฆษณานี้ พวกเขาเป็นเหมือนคำแนะนำผลิตภัณฑ์ที่บรรจุอยู่ในไซต์ และฉันคิดว่านั่นเป็นข้อพิสูจน์ถึงความพยายามของ Chris เพื่อให้แน่ใจว่าโฆษณานั้น (1) ส่งเสริมสิ่งที่ดี และ (2) เกี่ยวข้องกับงานส่วนหน้าที่เราทำ ประเด็น: เมื่อเร็ว ๆ นี้เราได้เปลี่ยนโฆษณา DigitalOcean จำนวนมากเพื่อโปรโมตโฮสติ้ง Cloudways หลังจากที่ DigitalOcean ได้มา โฆษณาเหล่านั้นทำได้ไม่ดีนัก เราจึงเปลี่ยนโฆษณา DigitalOcean กลับเข้ามา ซึ่งก็ทำได้ดีอยู่แล้ว

(ข้อตกลงที่โฆษณานั้นค่อนข้างดีทีเดียว อย่างไรก็ตาม… $200 ในเครดิตฟรี เพื่อปั่นโครงการของคุณ)

งานย้าย CSS-Tricks จาก WordPress ไปยัง CMS เดียวกันกับที่ DigitalOcean Community ใช้สำหรับเนื้อหานั้นยังอยู่ในระหว่างดำเนินการ งานจำนวนมากยังคงจับคู่ฟิลด์เนื้อหา WordPress กับ CMS ใหม่ นั่นไม่ใช่เรื่องเล็กน้อยเมื่อเราพูดถึงเว็บไซต์ที่มีบทความแปลก ๆ กว่า 7,000 บทความในช่วงเวลา 15 ปี เป็นไปได้ด้วยดีเช่นเดียวกับสถาปัตยกรรมไซต์เริ่มต้น ขั้นต่อไป เราต้องหาวิธีจัดการบล็อก WordPress จำลองคุณลักษณะและสร้างรายการทั้งหมดที่เราจำเป็นต้องดำเนินการ วุ้ย

หน้าใหม่!

และเช่นเคย เรามักจะมีใบหน้าใหม่ๆ สองสามหน้าบนไซต์ในแต่ละเดือน ในขณะที่เราทำงานร่วมกับนักเขียนรับเชิญหน้าใหม่ เดือนนี้เรายินดีต้อนรับ คริซทอฟ กอนเซียร์ซ และ ลอเรนโซ โบนันเนลลา. ตรวจสอบบทความของพวกเขาและให้คะแนนสูงสำหรับการแบ่งปันผลงานของพวกเขา ต้องใช้ความพยายามอย่างมากในการเขียน ไม่ต้องพูดถึงความกล้าที่จะแสดงความคิดของคุณต่อหน้าคนอื่น ขอบคุณมาก Krzysztof และ Lorenzo!

พบกับ Mojtaba Seyedi

ฉันคิดว่าการได้พูดคุยกับหนึ่งในนักเขียนที่เขียนมายาวนานของเราน่าจะเป็นวิธีที่ดีในการปิดการอัปเดตของเดือนนี้ และมีเพียงไม่กี่คนที่มีส่วนร่วมในบทความ CSS-Tricks มากเท่ากับ มอจตาบา เซเยดี. คุณอาจไม่เห็นชื่อของเขาปรากฏในเอกสารสำคัญมากนัก แต่เป็นเพียงเพราะเขาใช้เวลาส่วนใหญ่ใน ปูม.

เบื้องหลัง CSScenes พฤศจิกายน 2022

ฉันถามคำถามสองสามข้อเกี่ยวกับงานของเขากับ Mojtaba และเขาก็ตอบอย่างสุภาพด้วยคำตอบเหล่านี้...

ของคุณมาก บทความแรก กับเราคือบทสรุปของปลั๊กอินสำหรับเครื่องมือแก้ไข Sublime Text ในปี 2017 อะไรทำให้คุณคิดที่จะเผยแพร่บน CSS-Tricks

ฉันเคยหลงใหลในตัวแก้ไขข้อความ Sublime และปลั๊กอินของมันมาก ฉันสามารถหาปลั๊กอินเพื่อบรรเทาความเจ็บปวดได้เสมอเมื่อใดก็ตามที่ฉันเบื่อกับการทำงานซ้ำซาก ฉันจะแสดงให้เพื่อนร่วมงานเห็นว่าปลั๊กอินใดก็ตามที่ฉันใช้นั้นน่าสนใจเพียงใด และสนับสนุนให้พวกเขาใช้ปลั๊กอินนั้น

หนึ่งในปณิธานปีใหม่ของฉันในตอนนั้น - ในปี 2017 - คือการเผยแพร่บทความเกี่ยวกับ CSS-Tricks ฉันคิดเสมอว่าแนวคิดนี้มีเทคนิคสูง ฉันไม่เคยคิดเลยว่าฉันสามารถสร้างรายการปลั๊กอิน Sublime Text ที่ฉันพบว่ามีประโยชน์สำหรับการพัฒนา! ทุกวันนี้ ฉันเห็นได้ว่ามาตรฐานสูงๆ ที่ฉันตั้งไว้ขัดขวางไม่ให้ฉันเขียนเกี่ยวกับสิ่งที่ฉันรัก

มีช่วงเวลาสั้น ๆ ที่ฉันคิดที่จะล้มเลิกบทความแรกนั้น ฉันคิดว่าตัวเองมีโพสต์อื่น ๆ มากมายที่ครอบคลุมสิ่งเดียวกันอยู่แล้ว แต่ด้วยความอยากรู้อยากเห็น ฉันค้นหาโพสต์ปลั๊กอิน Sublime Text อันดับต้น ๆ ใน Google และที่น่าประหลาดใจคือฉันไม่เห็นปลั๊กอินใด ๆ ที่ฉันกำลังเขียนถึงเลย นั่นคือวิธีที่ฉันส่งบทความแรกของฉันบนเว็บไซต์นี้!

คุณได้เขียนบทความเกี่ยวกับ CSS-Tricks ทั้งหมด 35 บทความ โดย 33 บทความอยู่ใน ปูม. คุณชอบอะไรเกี่ยวกับการเขียนข้อมูลเชิงเทคนิคแบบนั้น?

รายการ Almanac สามารถอ้างอิงได้ เรากลับมาหาพวกเขาเรื่อยๆ เพื่อตรวจสอบไวยากรณ์ของพร็อพเพอร์ตี้หรือตัวเลือก ตัวอย่างเช่น เราอาจต้องไปที่ พื้นหลัง คุณสมบัติชวเลขให้จำว่า background-position ค่าจะอยู่ก่อนหรือหลังเครื่องหมายทับ (/). การอ้างอิงไม่เคยล้าสมัย ซึ่งเป็นเหตุผลว่าทำไม Almanac จึงพิเศษสำหรับฉัน

ตามแนวเดียวกัน เอกสารเป็นสิ่งที่ท้าทาย. หนึ่งในความท้าทายในการเขียน CSS-Tricks Almanac คือการอ่านและทำความเข้าใจ ข้อมูลจำเพาะของ W3C. ตัวอย่างเช่น เมื่อฉันต้องการเขียนเกี่ยวกับ mask-border คุณสมบัติ CSS spec เป็นแหล่งข้อมูลเดียวของฉัน ฉันจำเป็นต้องเข้าใจทุกแง่มุมของโมดูลนั้นและวิธีการทำงานของค่าต่างๆ ในสถานการณ์ต่างๆ เนื่องจากมีตัวอย่างไม่เพียงพอ ฉันสนุกกับความท้าทายแบบนั้นและรู้สึกดีมากเมื่อฉันสามารถเปลี่ยนสิ่งที่ค้นพบให้กลายเป็นสิ่งที่จับต้องได้ซึ่งนักพัฒนาคนอื่นๆ สามารถเข้าใจและใช้ในงานของตัวเองได้

นอกจากนี้ยังมี tเขามีความสุขสมบูรณ์. เอกสารประกอบช่วยให้ฉันได้รับรายละเอียดที่ลึกซึ้งซึ่งอาจไม่มีในบทความทั่วไป ฉันรู้สึกพึงพอใจเมื่อฉันสามารถเข้าใจคุณสมบัติหรือตัวเลือกและอธิบายด้วยคำพูดของฉันเอง CSS-Tricks Alamanc ให้โอกาสนั้นแก่ฉัน

คุณสามารถพูดอะไรเกี่ยวกับขั้นตอนการแก้ไขสำหรับผู้ที่ยังไม่เคยผ่านขั้นตอนนี้ได้บ้าง?

ประการแรก เพลิดเพลินกับกระบวนการที่สะอาดและง่ายดาย. ทีมบรรณาธิการ CSS-Tricks จะช่วยคุณปรับปรุงและทำให้ดีกว่าที่คุณทำได้ด้วยตัวเอง

นอกจากนี้ต้องแน่ใจว่า แก้ไขแบบร่างของคุณก่อน. แก้ไขบทความด้วยตัวเองทุกครั้งก่อนส่ง ยิ่งงานเขียนของคุณพร้อมมากเท่าไหร่ บรรณาธิการก็จะยิ่งมีเวลามากขึ้นเพื่อช่วยคุณปรับปรุงงานของคุณ หากผู้แก้ไขต้องใช้เวลามากในการแก้ไขไวยากรณ์และการสะกดคำพื้นฐาน อาจถึงเวลานั้นที่อาจใช้ไปกับการผลักดันแนวคิดเพิ่มเติมด้วยการป้อนกลับและข้อควรพิจารณาอื่นๆ

และแน่นอนว่า, เรียนรู้จากความผิดพลาดของคุณ. เปิดใจรับการเรียนรู้ในขณะที่คุณอยู่ในขั้นตอนการแก้ไข กองบรรณาธิการที่นี่มีประสบการณ์และช่วยเหลือดีมาก ฉันพยายามทบทวนสิ่งที่พวกเขาเปลี่ยนแปลงในบทความของฉันและนำไปปฏิบัติในงานเขียนครั้งต่อไปของฉัน ฉันอยากจะขอบคุณ เจฟฟ์ซึ่งฉันได้เรียนรู้มากมายเกี่ยวกับการเขียนเชิงเทคนิค

คุณมีคำแนะนำสำหรับคนที่คิดจะส่งข้อเสนอบทความหรือไม่?

อย่าคิดมากกับความคิด. บทความของคุณไม่จำเป็นต้องเป็นวิทยาศาสตร์จรวด สิ่งที่คุณรู้ดีพอที่จะเขียนเกี่ยวกับสามารถเป็นประโยชน์กับผู้อื่นได้

คำแนะนำอื่น: อย่าดูถูกตัวเอง เมื่อ Chris Coyier เชิญชุมชนให้มีส่วนร่วมใน CSS-Tricks Almanacฉันบอกตัวเองว่ามีคนที่มีคุณสมบัติอีกมากมายที่สามารถทำเช่นนั้นได้ แม้ว่าฉันจะมีประสบการณ์ในการเขียนเอกสาร CSS ก็ตาม และใช่ หลายคน (และอาจจะยัง) มีความรู้มากกว่าฉัน แต่ปรากฎว่าฉันสามารถเป็นส่วนหนึ่งของสิ่งนี้ได้เพราะฉันเต็มใจที่จะลอง

เรื่องใหญ่อีกเรื่องคือการ ไม่ต้องกังวลว่าจะซ้ำใคร. ความคิดของคุณไม่จำเป็นต้องไม่เหมือนใคร คุณสามารถเขียนเกี่ยวกับสิ่งที่คนอื่นเขียนเกี่ยวกับวิธีการใหม่และแตกต่าง มุมมองและมุมมองของคุณมีความสำคัญ! วิธีการแก้ปัญหาและวิธีการอธิบายปัญหาของคุณอาจแตกต่างออกไปในแนวทางที่เป็นประโยชน์อย่างยิ่ง

และสุดท้าย... เคล็ดลับ CSS ที่คุณชื่นชอบคืออะไร?

เคล็ดลับที่ฉันชอบใช้เพื่อจัดองค์ประกอบให้อยู่กึ่งกลางโดย การตั้งค่า display: table บนมันและปล่อยให้ระยะขอบอัตโนมัติทำส่วนที่เหลือ. ทุกวันนี้ ด้วย CSS ที่ยอดเยี่ยมมากขึ้น ฉันสามารถใช้กลอุบายแบบเดียวกันนี้กับ min-content และไม่มีกระดาษห่อเพิ่มเติม

ฉันแน่ใจว่ามีบล็อกโพสต์หรือบทความเกี่ยวกับหัวข้อเดียวกันนี้ที่ใดที่หนึ่งบนเว็บ แต่ฉันอยากจะเขียนเกี่ยวกับ CSS-Tricks ที่นี่ ดู? ฉันต้องการแบ่งปันมุมมองของฉันกับคุณและฉันต้องการอธิบายในแบบของฉันเอง

มีบางอย่างที่คุณต้องการแบ่งปันเกี่ยวกับ CSS-Tricks หรือไม่? ส่งสนามของคุณมาให้เรา!

ประทับเวลา:

เพิ่มเติมจาก เคล็ดลับ CSS