Це осінь? Зима? Я не знаю, але сьогодні вранці я прокинувся зі снігом на передньому дворі і відчув, що настав час написати невелику новину про те, що відбувалося навколо CSS-Tricks минулого місяця, як ми, як відомо, робимо час від часу.
Спочатку це Інформаційний бюлетень CSS-Tricks! Починає здаватися, що ми збилися з ритму після місяців перерви. The останнє видання вийшла в самому кінці жовтня. Це третій місяць поспіль, який ми можемо знімати, що я б назвав великою перемогою за послідовність. Ні, це не тижнева частота, яку ми мали раніше, але це те, до чого ми прагнемо, оскільки наша команда продовжує утверджуватися.
До речі, у нас новий член команди! Ми взяли Андреа Андерсон на борт. Вона добре зарекомендував себе технічний редактор, і нам дуже пощастило, що вона тут. Хоча час від часу вона може працювати над матеріалом CSS-Tricks, її основна увага приділяється роботі над вмістом, інтегрованим у Сайт спільноти DigitalOcean.
О, і поки ми говоримо про спільноту DigitalOcean, перегляньте це Повідомлення розробника Markepear глибоке занурення в процес написання DigitalOcean. Серйозно, це неймовірно глибоке занурення в те, як окреслено та структуровано підручники, UX навігації архівами підручників і навіть делікатну взаємодію між вмістом і рекламою в кожній статті.
Мені дуже подобається, як навчальні посібники DigitalOcean описуються як «перший» вміст, який «повсюди пахне цінністю». Це красномовно говорить про робочу етику команди, яка, як я можу особисто засвідчити, є найвищою. Саме тому DigitalOcean і CSS-Tricks чудово поєднуються.
Реклама зараз для нас також є головним питанням. Коли ми провів опитування минулого місяця ми знали, що придбання DigitalOcean вплине на рекламу CSS-Tricks. Ми б їх прибрали? Зробити їх усі про DigitalOcean? Залишити все як є? Я маю на увазі, що CSS-Tricks традиційно покладався на рекламну модель, щоб підтримувати світло, але тепер, коли це підтримується компанією, наскільки нам взагалі потрібно покладатися на рекламу?
Згідно з опитуванням, багатьом із вас подобається ця реклама. Це щось на кшталт рекомендацій щодо продукту, закріплених на сайті, і я думаю, що це є свідченням зусиль Кріса переконатися, що реклама (1) рекламує хороші речі та (2) відповідає нашій зовнішній роботі. Приклад: нещодавно ми обміняли купу реклами DigitalOcean, щоб рекламувати хостинг Cloudways після того, як DigitalOcean придбав його. Ця реклама не мала успіху, тож ми замінили рекламу DigitalOcean, яка вже показала себе досить добре.
(Оголошена угода, до речі, чертовски хороша... $200 безкоштовних кредитів щоб розкрутити ваш проект.)
Робота над перенесенням CSS-Tricks з WordPress на ту саму CMS, яку спільнота DigitalOcean використовує для свого вмісту, все ще триває. Багато роботи все ще полягає у відображенні полів вмісту WordPress у новій CMS. Це не тривіальне завдання, коли ми говоримо про веб-сайт із 7,000 з гаком статей протягом 15 років. Це добре, як і початкова архітектура сайту. Далі нам потрібно з’ясувати, як ми обробляємо блоки WordPress, відтворюємо їхні функції та створюємо список усього, що нам потрібно перенести. Фу!
Нові обличчя!
Як завжди, ми маємо тенденцію мати кілька нових облич на сайті щомісяця, оскільки ми працюємо з новими запрошеними авторами. Цього місяця ми вітали Кшиштоф Гончарж та Лоренцо Бонаннелла. Перегляньте їхні статті та поставте їм п’ятірку за те, що вони поділилися своєю роботою. Щоб написати, потрібно багато працювати, не кажучи вже про певну сміливість, щоб викласти свої ідеї перед іншими людьми. Отже, велике спасибі Кшиштофу та Лоренцо!
Зустрічайте Моджтабу Сейєді
Я подумав, що наздогнати одного з наших давніх письменників було б гарним способом завершити оновлення цього місяця. І мало хто написав стільки статей у CSS-Tricks, як Моджтаба Сейєді. Можливо, його ім’я не так часто спливає в архівах, але це лише тому, що він проводить так багато часу в Альманах.
Я поставив Моджтабі кілька запитань про його роботу, і він люб’язно відповів такими відповідями…
Ваш дуже Перша стаття з нами була підбірка плагінів для редактора Sublime Text ще в 2017 році. Що спонукало вас опублікувати це на CSS-Tricks?
Раніше я дуже захоплювався редактором Sublime Text та його плагінами. Я завжди міг знайти плагін, щоб полегшити біль, коли я втомлювався від виконання повторюваних завдань. Я показував би своїм колегам, наскільки цікавим був той плагін, який я використовував, і заохочував їх використовувати його.
Однією з моїх новорічних резолюцій тоді — у 2017 році була опублікувати статтю про CSS-Tricks. Я завжди вважав, що ця ідея була суто технічною. Мені ніколи не спадало на думку, що я можу просто створити список плагінів Sublime Text які я випадково знайшов корисними для розробки! Сьогодні я бачу, як висока планка, яку я встановив, заважала мені писати про те, що я любив.
Був короткий момент, коли я подумав відмовитися від першої статті. Я був натхненний, думаючи, що існує безліч інших публікацій, які розповідають про те саме. Але з цікавості я погуглив деякі з найпопулярніших дописів про плагіни Sublime Text і, на диво, я не побачив жодного з плагінів, про які писав. Отже, ось як я подав свою першу статтю на цьому веб-сайті!
Ви написали загалом 35 статей для CSS-Tricks, 33 з яких у Альманах. Що вам подобається в такому написанні технічної інформації?
На записи альманаху можна посилатися. Ми постійно повертаємося до них, щоб перевірити синтаксис властивості або селектора. Наприклад, нам може знадобитися відвідати фон скорочена властивість пам’ятати, чи background-position значення іде до або після скісної риски (/). Посилання ніколи не старіють, тому Альманах особливий для мене.
В тому ж руслі, документація є складною. Одним із складних завдань під час написання альманаху CSS-Tricks є читання та розуміння Специфікації W3C. Наприклад, коли я хотів написати про mask-border властивість специфікація CSS була практично єдиним моїм джерелом. Мені потрібно було з’ясувати всі аспекти цього модуля та те, як різні значення поводяться в різних ситуаціях, тому що в дикій природі було небагато прикладів. Мені подобається такий виклик, і я почуваюся чудово, коли можу перетворити свої висновки на щось відчутне, що інші розробники зможуть зрозуміти та використати у своїй роботі.
Там також tвін радість повноти. Документація дозволяє мені глибоко вникнути в деталі, які можуть не потрапити в звичайну статтю. Я отримую задоволення, коли можу зрозуміти властивість або селектор і пояснити це своїми словами. CSS-Tricks Alamanc дає мені таку можливість.
Що можете сказати про процес редагування тим, хто його не проходив?
По-перше, насолоджуйтеся чистим і легким процесом. Редакційна команда CSS-Tricks допоможе вам покращити його та зробити кращим, ніж ви можете самостійно.
Також обов'язково спочатку відредагуйте чернетку. Завжди редагуйте статтю самостійно, перш ніж надсилати її. Чим готовіший ваш текст, тим більше часу він дає редактору, щоб допомогти вам покращити вашу роботу. Якщо редактору потрібно витратити багато часу на виправлення базової граматики та орфографії, це час, який можна було б витратити на просування ідеї за допомогою відгуків та інших міркувань.
І звичайно, вчитися на своїх помилках. Будьте відкриті до навчання під час редагування. Редакційна команда тут дуже досвідчена та корисна. Я намагаюся переглянути те, що вони змінили, у моїй статті та застосувати це на практиці у своїх наступних роботах. Я хотів би подякувати Джефф, від якого я багато чого навчився про технічне написання.
У вас є якісь поради для тих, хто думає про те, щоб подати пропозицію про статтю?
Не передумуйте ідею. Ваша стаття не обов’язково має бути науковою. Усе, про що ви знаєте достатньо добре, щоб написати, може бути корисним для інших.
Ще одна порада: не недооцінюйте себе. Коли Кріс Койєр запросив спільноту зробити внесок у альманах CSS-Tricks, я сказав собі, що є набагато більше кваліфікованих людей, які можуть це зробити, хоча у мене був досвід написання документів CSS. І так, багато людей були (і може, досі є) обізнанішими за мене. Але як виявилося, я міг би бути частиною цього, тому що я був готовий спробувати.
Інша велика справа полягає в тому, щоб не турбуйтеся про повторення інших. Ваша ідея не обов’язково має бути унікальною. Ви можете писати про те, про що писали інші, по-новому та по-іншому. Ваша точка зору та перспектива мають значення! Ваш підхід до вирішення проблеми та те, як ви її пояснюєте, може бути іншим у надзвичайно корисний спосіб.
І нарешті... який ваш улюблений CSS-трюк?
Раніше моїм улюбленим прийомом було центрувати елемент за установка display: table на ньому, а автоматичні поля зроблять все інше. Зараз, коли CSS стає набагато приголомшливішим, я можу зробити той самий трюк min-content і без додаткової обгортки.
Я впевнений, що десь у мережі є допис у блозі чи стаття на цю ж тему. Але я хотів би написати про це тут, на CSS-Tricks. Побачити? Я хочу поділитися з вами своєю точкою зору і хочу пояснити це по-своєму.
Є щось, чим ви хочете поділитися на CSS-Tricks? Надішліть нам свою пропозицію!
