پشت صحنه CSS، نوامبر 2022 هوش داده پلاتو بلاک چین. جستجوی عمودی Ai.

پشت صحنه CSS، نوامبر 2022

آیا پاییز است؟ زمستان؟ نمی‌دانم، اما امروز صبح با برف در حیاط جلویی از خواب بیدار شدم و احساس کردم که وقت آن رسیده است که یک به‌روزرسانی کوچک درباره آنچه در ماه گذشته در اطراف CSS-Tricks اتفاق افتاده است، بنویسم. ما به انجام آن معروف هستیم از زمان به زمان.

اول از همه است خبرنامه CSS-Tricks! بعد از ماه‌ها وقفه، احساس می‌کنیم که داریم ریتم خود را پایین می‌آوریم. را آخرین نسخه در اواخر ماه اکتبر بیرون رفت. این سومین ماه متوالی است که توانستیم آن را به پایان برسانیم که من آن را یک پیروزی بزرگ برای ثبات می نامم. نه، این آهنگ هفتگی نیست که قبلا داشتیم، اما این چیزی است که ما آرزوی آن را داریم زیرا تیم ما همچنان به تثبیت خود ادامه می دهد.

صحبت از آن - ما یک عضو تیم جدید داریم! آندره آ اندرسون را سوار کردیم. او یک ویرایشگر فنی با سابقه است و ما خوش شانس هستیم که او اینجاست. در حالی که او ممکن است هر از گاهی روی یک قطعه CSS-Tricks کار کند، تمرکز اصلی او کار بر روی محتوایی است که در آن ادغام شده است. سایت DigitalOcean’s Community.

اوه، و در حالی که ما در مورد موضوع DigitalOcean's Community هستیم، این را بررسی کنید پست توسعه دهنده Markepear غواصی عمیق در فرآیند نوشتن DigitalOcean. به طور جدی، این یک شیرجه فوق‌العاده عمیق است که به نحوه ترسیم و ساختار آموزش‌ها، UX مرور بایگانی‌های آموزش، و حتی تعامل ظریف بین محتوا و تبلیغات در هر مقاله می‌پردازد.

من واقعاً دوست دارم که چگونه آموزش‌های DigitalOcean به عنوان محتوای «اول بده» توصیف می‌شوند که «بوی ارزش در سراسر آن وجود دارد». این به خوبی در مورد اخلاق کاری تیم صحبت می کند، که من شخصاً می توانم تأیید کنم که درجه یک است. این واقعاً دلیلی است که DigitalOcean و CSS-Tricks با هم تطابق خوبی دارند.

در حال حاضر تبلیغات نیز برای ما بسیار مهم است. زمانی که ما نظرسنجی انجام داد ماه دیگر، ما می‌دانستیم که نگرانی‌هایی در مورد اینکه چگونه تبلیغات CSS-Tricks بعد از خرید DigitalOcean تحت تأثیر قرار می‌گیرند وجود دارد. آیا آنها را حذف می کنیم؟ همه آنها را درباره DigitalOcean بسازید؟ همه چیز را همانطور که هست نگه دارید؟ منظورم این است که CSS-Tricks به طور سنتی به یک مدل تبلیغاتی برای روشن نگه داشتن چراغ ها متکی بوده است، اما اکنون که توسط یک شرکت پشتیبانی می شود، واقعاً چقدر باید به تبلیغات اعتماد کنیم؟

طبق نظرسنجی، بسیاری از شما تبلیغات را دوست دارید. آنها به نوعی شبیه به توصیه‌های محصولی هستند که در سایت ارائه می‌شوند، و من فکر می‌کنم این گواهی است بر تلاش کریس برای اطمینان از اینکه تبلیغات (1) چیزهای خوب را تبلیغ می‌کنند و (2) به کارهایی که ما انجام می‌دهیم مرتبط هستند. نمونه موردی: ما اخیراً تعدادی از تبلیغات DigitalOcean را برای تبلیغ میزبانی Cloudways پس از اینکه DigitalOcean آن را خریداری کرد، مبادله کردیم. آن تبلیغات چندان خوب عمل نکردند، بنابراین ما تبلیغات DigitalOcean را که قبلاً به خوبی انجام می‌دادند، دوباره عوض کردیم.

(به هر حال، معامله تبلیغ شده بسیار خوب است… 200 دلار اعتبار رایگان برای چرخش پروژه خود.)

کار برای انتقال CSS-Tricks از وردپرس به همان CMSی که جامعه DigitalOcean برای محتوای خود استفاده می کند، هنوز در حال انجام است. هنوز بسیاری از کارها در حال نگاشت فیلدهای محتوای وردپرس به CMS جدید است. وقتی در مورد وب سایتی با 7,000 مقاله عجیب و غریب در یک بازه زمانی 15 ساله صحبت می کنیم، این کار بی اهمیتی نیست. همانطور که معماری اولیه سایت خوب پیش می رود. در مرحله بعد، باید بفهمیم که چگونه بلوک‌های وردپرس را مدیریت می‌کنیم، ویژگی‌های آن‌ها را تکرار می‌کنیم، و فهرستی از همه چیزهایی که باید حمل کنیم ایجاد می‌کنیم. اوه!

چهره های جدید!

مثل همیشه، ما تمایل داریم هر ماه چند چهره جدید در سایت داشته باشیم، زیرا با نویسندگان مهمان جدید کار می کنیم. این ماه استقبال کردیم کریستوف گونسیارز و لورنزو بونانلا. مقالات آنها را بررسی کنید و برای به اشتراک گذاشتن کارشان به آنها امتیاز پنج بدهید. نوشتن به کار زیادی نیاز دارد، نه به ذکر شجاعت برای ارائه ایده های خود در مقابل دیگران. بنابراین، یک دسته از کریستوف و لورنزو متشکرم!

مجتبی سیدی را بشناسید

فکر می‌کردم تماس با یکی از نویسندگان قدیمی ما راه خوبی برای محدود کردن به‌روزرسانی این ماه خواهد بود. و تعداد کمی از افراد به تعداد مقالات CSS-Tricks همکاری کرده اند مجتبی سیدی. ممکن است نام او را آنقدرها در آرشیو مشاهده نکنید، اما فقط به این دلیل است که او زمان زیادی را در آلماناک.

پشت صحنه CSS، نوامبر 2022

از مجتبی چند سوال در مورد کارش پرسیدم که با کمال میل جواب داد…

خیلی شما مقاله اول با ما در سال 2017 مجموعه‌ای از افزونه‌ها برای ویرایشگر متن Sublime بود. چه چیزی باعث شد که فکر کنید آن را در CSS-Tricks منتشر کنید؟

من قبلاً به ویرایشگر Sublime Text و افزونه های آن علاقه زیادی داشتم. هر زمان که از انجام کارهای تکراری خسته می شدم، همیشه می توانستم یک افزونه برای کاهش درد پیدا کنم. من به همکارانم نشان می‌دادم که از هر افزونه‌ای که استفاده می‌کردم چقدر جالب است و آنها را تشویق می‌کردم از آن استفاده کنند.

یکی از تصمیمات سال نو من در آن زمان - در سال 2017 - انتشار مقاله ای در مورد CSS-Tricks بود. من همیشه فکر می کردم این ایده بسیار فنی بوده است. هرگز به ذهنم خطور نکرد که بتوانم به سادگی فهرستی از افزونه های Sublime Text را ایجاد کنم که اتفاقاً برای توسعه مفید بودند! این روزها، می توانم ببینم که چگونه میله بالایی که تعیین کرده بودم، مانع از نوشتن در مورد چیزی که دوستش داشتم، می شد.

لحظه کوتاهی بود که فکر کردم مقاله اول را کنار بگذارم. با این فکر که هزاران پست دیگر هم همین موضوع را پوشش می‌دادند، خودم را متحیر کرده بودم. اما از روی کنجکاوی، برخی از برترین پست‌های افزونه Sublime Text را در گوگل جستجو کردم، و در کمال تعجب، هیچ یک از پلاگین‌هایی را که درباره آن می‌نوشتم ندیدم. بنابراین، اینگونه بود که اولین مقاله خود را در این وب سایت ارسال کردم!

شما در مجموع 35 مقاله برای CSS-Tricks نوشته اید که 33 مورد آن در آلماناک. از نوشتن چنین اطلاعات فنی چه چیزی لذت می برید؟

مدخل های سالنامه قابل ارجاع هستند. ما مدام به آنها مراجعه می کنیم تا نحو یک ویژگی یا یک انتخابگر را بررسی کنیم. به عنوان مثال، ممکن است نیاز به بازدید از زمینه ویژگی مختصر به یاد داشته باشید که آیا background-position مقدار قبل یا بعد از اسلش می رود (/). منابع هرگز قدیمی نمی شوند، به همین دلیل سالنامه برای من خاص است.

در همین راستا ، مستندسازی چالش برانگیز است. یکی از چالش های نوشتن برای CSS-Tricks Almanac خواندن و درک آن است مشخصات W3C. به عنوان مثال، زمانی که می خواستم در مورد آن بنویسم mask-border ویژگی، مشخصات CSS عملا تنها منبع من بود. من باید تمام جنبه های آن ماژول و نحوه رفتار مقادیر مختلف در موقعیت های مختلف را بفهمم زیرا نمونه های کمی در طبیعت وجود داشت. من از این نوع چالش لذت می برم و وقتی می توانم یافته هایم را به چیزی ملموس تبدیل کنم که سایر توسعه دهندگان بتوانند آن را درک کنند و در کار خود استفاده کنند، احساس خوبی دارم.

همچنین وجود دارد tاو شادی کامل بودن. مستندات به من اجازه می دهد تا عمیقاً به جزئیاتی برسم که ممکن است در یک مقاله معمولی وجود نداشته باشد. وقتی بتوانم یک ویژگی یا انتخابگر را درک کنم و آن را به زبان خودم توضیح دهم، رضایت می‌گیرم. CSS-Tricks Alamanc این فرصت را به من می دهد.

در مورد فرآیند ویرایش برای کسانی که آن را طی نکرده اند چه می توانید بگویید؟

اول، از یک فرآیند تمیز و آسان لذت ببرید. تیم تحریریه CSS-Tricks به شما کمک می کند تا آن را بهبود بخشید و آن را بهتر از آنچه خودتان می توانید انجام دهید.

همچنین مطمئن شوید که ابتدا پیش نویس خود را ویرایش کنید. همیشه قبل از ارسال مقاله، خودتان آن را ویرایش کنید. هرچه نوشته شما آماده تر باشد، زمان بیشتری به ویرایشگر می دهد تا به شما در بهبود کارتان کمک کند. اگر ویراستار نیاز به صرف زمان زیادی برای اصلاح دستور زبان و املای اولیه داشته باشد، این زمانی است که می‌توانست با بازخورد و ملاحظات دیگر برای پیشبرد ایده بیشتر صرف شود.

و البته، از اشتباهاتت درس بگیر. زمانی که در مراحل ویرایش هستید، آماده یادگیری باشید. تیم تحریریه اینجا بسیار با تجربه و مفید است. سعی می‌کنم آنچه را که در مقاله‌ام تغییر داده‌اند مرور کنم و در نوشته‌های بعدی‌ام عملی کنم. دوست دارم تشکر کنم جف، از او چیزهای زیادی درباره نوشتن فنی یاد گرفته ام.

آیا برای کسی که به ارسال پروپوزال مقاله فکر می کند، راهنمایی دارید؟

بیش از حد به این ایده فکر نکنید. لازم نیست مقاله شما علم موشکی باشد. هر چیزی که به اندازه کافی خوب می دانید که در مورد آن بنویسید می تواند برای دیگران مفید باشد.

یک توصیه دیگر: خودت را دست کم نگیر چه زمانی کریس کویر از جامعه دعوت کرد تا در CSS-Tricks Almanac مشارکت کنند، به خودم گفتم افراد واجد شرایط بیشتری وجود دارند که می توانند این کار را انجام دهند، حتی اگر تجربه نوشتن اسناد CSS را داشتم. و بله، بسیاری از افراد از من آگاه‌تر بودند (و شاید هنوز هم هستند). اما همانطور که معلوم شد، می‌توانم بخشی از این باشم، زیرا مایل بودم تلاش کنم.

معامله بزرگ دیگر این است که نگران تکرار دیگران نباشید. ایده شما نباید منحصر به فرد باشد. شما می توانید در مورد چیزی که دیگران درباره آن نوشته اند به روشی جدید و متفاوت بنویسید. دیدگاه و دیدگاه شما مهم است! رویکرد شما برای حل یک مشکل و نحوه توضیح آن ممکن است به روشی بسیار مفید متفاوت باشد.

و در نهایت… ترفند CSS مورد علاقه شما چیست؟

ترفند مورد علاقه من قرار دادن یک عنصر در مرکز بود محیط display: table روی آن و اجازه دادن به حاشیه های خودکار بقیه کارها را انجام دهند. امروزه، با جذاب‌تر شدن CSS، می‌توانم همین ترفند را با آن انجام دهم min-content و بدون لفاف اضافی.

من مطمئن هستم که یک پست وبلاگ یا مقاله در مورد همین موضوع در جایی در وب وجود دارد. اما من می خواهم در مورد آن اینجا در CSS-Tricks بنویسم. دیدن؟ من می خواهم دیدگاه خودم را با شما در میان بگذارم و می خواهم آن را به روش خودم توضیح دهم.

چیزی دارید که می خواهید در CSS-Tricks به اشتراک بگذارید؟ طرح خود را برای ما ارسال کنید

تمبر زمان:

بیشتر از ترفندهای CSS