Ви знаєте, це пора року, коли Кріс зазвичай публікує великі роздуми про минулий рік. The Перший був опублікований у 2007 році, у тому ж році, коли почалися CSS-Tricks, і це тривала до 2021 року не пропускаючи жодного удару. Оскільки я сам читав CSS-Tricks усі ці роки, я не хотів би бачити цю зміну.
Отже, ми тут! 2022 рік, безсумнівно, був жахливим роком щодо переходу. Минулого року в цей час ми планували досягти деяких цілей на наступний рік (до яких ми ще дійдемо), але приєдналися до DigitalOcean. Це була велика зміна (каламбур), і все ж ти залишався з нами весь шлях. Для мене справді багато значить, що так багато з вас приходять сюди, щоб прочитати те, що я та низка інших запрошених авторів тут публікуємо. Це просто не спільнота (чи будь-яка розвага) без вас усіх.
Дякую!
Це остання публікація, яку ми публікуємо цього року, оскільки ми вивішуємо наш знак «Порибалили» до свят. Ми ще повернемося 9 січня з потоком вмісту, щойно випеченого з духовки.
Добре, тут ми починаємо копатися в аналітиці сайту. Це те, у чому ми завжди були прозорими і продовжуватимемо це робити. Це не те, що наші номери знаходяться в якійсь забороненій чорній скриньці, і ми сподіваємося, що обмін ними якось допоможе вам і вашому бізнесу.
Загальний трафік
Загалом Google Analytics показує загальну суму 64m переглядів сторінок за весь рік. це так нууууу менше з минулорічних 88 м, що на перший погляд викликає тривогу. Я маю на увазі, хто хоче побачити a 27% падіння трафіку порівняно з минулим роком?
Але для цього є вагома причина, оскільки ми опублікували a wayyyy менше вмісту цього року. Ми всі знаємо, що Кріс був плідним письменником (і все ще є, звичайно), часто публікуючи кілька дописів на день. Це ніби ми втратили нашого найпродуктивнішого учасника протягом більшої частини року. Порівняємо видавничу діяльність за останні кілька років:
- 2020: 1,183 пункти
- 2021: 890 пункти
- 2022: 390 пункти
Зменшення кількості переглядів сторінок на 27% викликає менше занепокоєння, враховуючи, що ми опублікували 43% менше статей, ніж минулого року, і величезна кількість 67% менше, ніж загалом у 2020 році.
Хм, я не відчуваю, що працюю на 67% менше…
І все це супроводжується застереженням, що це лише те, що ми отримуємо від Google Analytics. У минулі роки Кріс порівнював ці цифри зі статистикою Cloudflare (рівень CDN, який знаходиться поверх сайту) і Jetpack (плагін, який з’єднує наш веб-сайт WordPress із функцією SaaS-y WordPress.com). Результати завжди незмінні до такої міри, що цього разу я навіть не подивилася. (Добре, добре, можливо, просто Jetpack… який показує 59.9 млн переглядів сторінок — на диво більше, ніж у 2021 році загалом 55 млн.)
Статті, за номерами
Це те, на що я завжди чекаю кожного року! Ось десятка найкращих статей у 2022 році були опубліковані в 2022 році:
- 6 креативних ідей для ефектів CSS Link Hover — Харшіл Пател
- Поясніть мені перші 10 рядків вихідного коду Twitter — Ананд Чоудгарі
- Які інструменти інтерфейсу були найпопулярнішими у 2021 році? — Луї Лазаріс
- Замініть діалогові вікна JavaScript на новий елемент діалогового вікна HTML — Мадс Стоуманн
- Привітайтеся з меню select, повністю стилізованим елементом вибору — Патрік Броссет
- Надійно надсилайте HTTP-запит, коли користувач залишає сторінку — Алекс Макартур
grid-template-columns— Моджтаба Сейєді- Повний посібник із каскадних шарів CSS — Міріам Сюзанна
- Запити до бази даних CSS? Звичайно, ми можемо! — Кріс Койєр
- CSS-Tricks приєднується до DigitalOcean! — Кріс Койєр
Я дійсно здивований, що останній не був вище в списку. І я дуже вражений, коли побачив там одного з Alamanac, особливо тому, що Mojtaba відколовся від усі властивості CSS Grid протягом останніх півтора року, і він вибив його далеко з поля. Я думав, що добре справляюся з мережею, поки не почав читати всі золоті самородки, які він пакував у кожну власність. Тут можна багато чому навчитися, а Моджтаба має хист чітко пояснювати складні речі. Я сподіваюся оновити Посібник CSS Grid з усією свіжою інформацією (але про це трохи пізніше).
Мені також подобається бачити тут посібник із каскадних шарів CSS! Мені було дуже весело працювати з Міріам над цим. Якби ви цього не знали, вона редактор спец. Це задоволення (і справжня честь) розміщувати її роботу тут і робити її доступною для всіх нас, щоб робити закладки та посилатися.
Ось 11-20 для ударів:
- Анімація з базовим JavaScript — Мд Шуво
- Flutter для інтерфейсних веб-розробників —Обумунеме Нвабуде
- CSS Grid and Custom Shapes, Частина 1 — Темані Афіф
- Пишіть HTML способом HTML (не способом XHTML) — Єнс Олівер Майерт
- Огляд 4 нових кольорів CSS — Кріс Койєр
- Класні ефекти наведення, які використовують фонові властивості — Темані Афіф
- Давайте створимо крихітну мову програмування — Мд Шуво
- Класні CSS-ефекти наведення, які використовують обрізання фону, маски та 3D — Темані Афіф
- Ідеальний зміст із HTML + CSS — Ніколас С. Закас
- Відбитки пальців на основі CSS — Кріс Койєр
Усі дописи, опубліковані у 2022 році, складають 4.8m переглядів сторінок або близько 7.8% усіх переглядів сторінок. Наша найпопулярніша стаття – це завжди старий Посібник Flexbox який назбирав 5.8m переглядів цього року. Я хотів би, щоб наш новий вміст випереджав цей один пункт, і я вважаю, що це сталося б легко, якби ми підтримували темпи публікації. Назад до математики серветок, але ми могли б мати близько 67 мільйонів переглядів сторінок, якби ми опублікували 540 статей більше, щоб відповідати кількості опублікованих статей минулого року.
Якщо ми зробимо кілька кроків назад, то побачимо статті з найбільшою кількістю переглядів за минулий рік, незалежно від того, коли вони були опубліковані:
- Повний посібник з Flexbox
- Повний посібник із Grid
- Ідеальне фонове зображення на всю сторінку
- Фігури CSS
- Медіа -запити для стандартних пристроїв
- Використання SVG
- Як масштабувати SVG
- CSS трикутник
- Градієнтні межі в CSS
- Усічення рядка з еліпсом
- як використовувати
@font-faceв CSS
Так, майже ідентичний минулорічному. І рік тому. І рік тому. І... ну майже. «Градієнтні межі в CSS» — це нове рішення box-shadow майно виключено зі списку. Все інше з четвірки просто поміняно місцями.
Говорячи про властивості в Альманасі, я хочу побачити, що ви найчастіше згадували минулого року:
::after/::beforetransitionbox-shadowscrollbarjustify-contentflex-wrapgapoverflow-wrapanimationwhite-space
Один псевдо вгорі, а після нього нічого, крім властивостей. Цікаво, враховуючи, що реляційний псевдоселектор функціонує як :has(), :is() та :where() нові діти в блоці.
Інформаційний бюлетень
Цифри тут надто заплутані, щоб робити якісь глибокі висновки. Після переходу на DigitalOcean нам довелося очистити наш список із понад 91 тисячі передплатників для забезпечення відповідності, і в результаті їх кількість різко впала. Якщо вас виключили зі списку, ви можете повторно підписатися тут.
Хороші новини? Ми все ще публікуємо інформаційний бюлетень! Ми насправді запустив його знову в серпні після п'ятимісячної перерви. Ми були на щотижневому каденції, але зараз щомісяця, поки ваш справді є автором. Я справді сподіваюся повернути його до тижневої публікації. (Я сумую за тобою, Робін!)
Оновлення сайту
Якщо бути чесним, це здебільшого йшло про те, щоб утримати корабель на плаву. За винятком деяких незначних налаштувань і технічного обслуговування, сайт практично такий же, як і в цей час минулого року.
Це суттєво зміниться у 2023 році. Якщо ви стежите за нашим щомісячним оновленням За сценою CSS оновлень, тоді ви знаєте, що ми плануємо перенести CSS-Tricks з WordPress на ту саму саморобну CMS, яку DigitalOcean використовує для всіх своїх (зіркових) вміст спільноти.
Ця робота розпочалася кілька місяців тому і має бути виконана протягом першої половини року. Можете посперечатися, що ми будемо тримати вас у курсі подій. Крім того, а свіжий дизайн і новий бек-енд, все має працювати як завжди. Якщо у вас є запитання щодо цієї роботи та її значення для вашої улюбленої зовнішньої публікації, зв’яжіться зі мною у коментарях or напишіть мені електронний лист.
Якщо ви ще не бачили, ось кілька композицій, створених нашим дизайнером Логаном Ліффіком:
Огляд цілей на 2021 рік
Ой, я вагаюся навіть дивитися. Усі зусилля, які були докладені для інтеграції з DigitalOcean і пошуку нового ритму, зайняли час кожного, залишаючи дуже мало, щоб досягти цілей Кріса, які були:
- ✅ Більше уваги до SEO. Тут я поставлю нам прохідну оцінку. Правда полягає в тому, що ми з Крісом уже занурювалися в це ще до придбання. Ми замінили плагін Yoast SEO на RankMath, скориставшись його інструментами редактора, щоб допомогти нам навчитися оптимізувати наші публікації для результатів пошуку. І щоб було зрозуміло: мова не йде про збільшення трафіку для збільшення прибутку від спонсорства, а про визнання того, що пошук є основним способом, за допомогою якого такі читачі, як ви, знаходять нас, і полегшує вам пошук того, що ви шукаєте. Це особливо вірно зараз, коли нас підтримує DigitalOcean і ми покладаємося на спонсорство набагато менше, ніж раніше.
- 🚫 Ще одна цифрова книга. Розмах і промах! Ну, насправді ми ніколи не махнули з першого місця або не заходили в коробку, якщо на те пішло. (Чи так працюють спортивні аналогії?) Кріс видав книгу про Найкращі трюки CSS у 2020 році та зробив платну підписку на CSS-Tricks перевагою. Ідея полягала в тому, щоб зробити ще один цього року, але ми позбулися платних підписок і відкрили The Greatest CSS Tricks для всіх, щоб насолодитися безкоштовно.
- 🚫 Більше експериментів у соціальних мережах. ні! Але це, мабуть, і найкраще, враховуючи, де Twitter знаходиться прямо зараз. Можливо, ми будемо змушені експериментувати в цій галузі наступного року більше через необхідність, ніж через інтерес. Twitter завжди був краплею у відрі трафіку CSS-Tricks; настільки, що інвестувати в це відчувається, як покласти яйця не в той кошик, е-е-е. Я не знаю. Частина мене просто хоче сидіти, склавши руки, і дивитися, як все зміниться, перш ніж приймати рішення про щось нове чи інше.
Постановка цілей на 2023 рік
Новий рік, нові цілі, правда? Дозвольте мені вкласти кілька слів у вуста команди та спрогнозувати те, що, на мою думку, є головними пріоритетами для нас у 2023 році:
- Плавна міграція сайту. Ніщо не зробить мене щасливішим1 ніж безпроблемний перехід до архітектури DigitalOcean. Але давай, ми всі знаємо що в сім'ї щось завжди виникає, коли настає час. Цей сайт містить понад 7,000 статей, які були написані протягом 15 років, і було 19 версій сайту в цей проміжок часу. Існує так багато користувальницьких типів публікацій, користувальницьких полів, шаблонів сторінок, функціональних плагінів, інтеграцій і бази даних розміром понад 6 ГБ, яку можна перемістити та відобразити в існуючій системі. Добре, що у нас є команда першокласних розробників, які впораються з цим!
- Опублікувати 1-2 нових посібника. Насправді я б хотів націлитися вище. Ми перейшли від дев’яти нових посібників у 2020 році до лише одного нового посібника у 2021 році та ще одного цього минулого року: Міріам Повний посібник із каскадних шарів CSS. У мене є список із ще 10, які я хотів би написати, але думаю, що ми встановимо планку дуже низько, враховуючи наш останній досвід. Раніше я згадував, що хотів би включити роботу Мойтаби в Альманах до існуючого посібника CSS Grid. Це не малий обсяг роботи, і я б зарахував її до мети, якщо ми зможемо це зробити.
- Розгорніть альманах. Це мій місячний знімок. Я хотів би бачити там більше типів документації. У нас є псевдоселектори та властивості, що чудово і так було завжди. Але, боже, подумай про всі інші речі, які ми можемо мати там: функції, правила, одиниці, селектори, значення властивостей тощо. Ми лише дряпаємо поверхню того, що там може бути! Якщо ми отримаємо хоча б одну з них, я піду
place-self: heaven.
Дякую, так, так, so багато!
Це робота моєї мрії, і я б її не мав без таких читачів, як ви. Я не можу повірити, що минуло вісім років з моменту публікації моєї першої статті, а я все ще тут, працювати з навчання у найсвітліших умів у нашій галузі. Я міг би поговорити (більше, ніж я вже знав), скільки для мене означає спільнота CSS-Tricks, але насправді все зводиться до... дякую, дякую, спасибі. Від щирого серця, спасибі.
Дякуємо всім чудовим людям із DigitalOcean, які зробили чудовий дім для CSS-Tricks. Особливі вітання Хейлі Міллз, Сідней Россман Райх, Бредлі Коучі, Карен Дігі, Девід Берг, Метт Кроулі, Логан Ліффік і Кірстін Келлог за те, що вони мене особисто пришвидшили та зробили так, щоб я почувався тут таким гостинним. Це чудове місце.
Вперед, йдемо!
