Вы знаете, это время года, когда Крис обычно публикует большой обзор прошлого года. Первый был опубликован в 2007 году, в том же году, когда появились CSS-Tricks, и он продолжалось до 2021 года не пропуская ни секунды. Поскольку я сам все эти годы читал CSS-Tricks, мне бы не хотелось видеть это изменение.
Итак, мы здесь! 2022 год был чертовски удачным с точки зрения перехода. В это же время в прошлом году мы ставили перед собой некоторые цели на предстоящий год (к которым мы и доберемся), но в итоге присоединились к DigitalOcean. Это было серьезное изменение (каламбур), и все же вы остались с нами на всем пути. Для меня действительно очень много значит, что многие из вас приходят сюда, чтобы прочитать то, что публикую я и множество других приглашенных писателей. Это просто не сообщество (или какое-то развлечение) без вас всех.
Спасибо!
Это последний пост, который мы публикуем в этом году, поскольку мы вешаем нашу табличку «Ушли на рыбалку» на праздники. Мы вернемся Январь 9г. с потоком контента, который только что из духовки.
Хорошо, здесь мы начинаем копаться в аналитике сайта. Это то, о чем мы всегда говорили открыто и будем продолжать делать. Это не значит, что наши номера находятся в каком-то закрытом черном ящике, и мы надеемся, что их обмен каким-то образом поможет вам и вашему бизнесу.
Общий трафик
В целом, Google Analytics показывает в общей сложности 64m просмотров страниц за весь год. Это Wayyyyy по сравнению с прошлогодними 88 миллионами, что на первый взгляд настораживает. Я имею в виду, кто хочет увидеть 27% падение трафика по сравнению с прошлым годом?
Но для этого есть веская причина, потому что мы опубликовали ууууу меньше контента в этом году. Мы все знаем, что Крис был плодовитым писателем (и все еще, конечно), часто выкладывая по несколько постов в день. Это похоже на то, что мы потеряли нашего самого продуктивного участника большую часть года. Сравним издательскую активность за последние несколько лет:
- 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 эффектов при наведении ссылки — Харшил Патель
- Объясните мне первые 10 строк исходного кода Twitter — Ананд Чоудхари
- Какие инструменты интерфейса были самыми популярными в 2021 году? — Луи Лазарис
- Замените диалоги JavaScript новым элементом диалога HTML — Мэдс Стоуманн
- Поздоровайтесь с selectmenu, полностью настраиваемым элементом select. — Патрик Броссет
- Надежная отправка HTTP-запроса, когда пользователь покидает страницу — Алекс Макартур
grid-template-columns
— Моджтаба Сейеди- Полное руководство по каскадным слоям CSS — Мириам Сюзанна
- Запросы к базе данных CSS? Мы можем точно! — Крис Койер
- CSS-Tricks присоединяется к DigitalOcean! — Крис Койер
Я даже удивлен, что последний не был выше в списке. И я очень рад увидеть там один из Альманаха, особенно потому, что Моджтаба немного поработал над все свойства CSS Grid за последние полтора года, и он выбил его далеко за пределы стадиона. Я думал, что хорошо разбираюсь в сетке, пока не начал читать все золотые самородки, которые он упаковал в каждую недвижимость. Там так многому можно научиться, а Моджтаба умеет ясно объяснять сложные вещи. Я надеюсь обновить Руководство по CSS-сетке со всей этой свежей информацией (но об этом чуть позже).
Мне также нравится видеть руководство по каскадным слоям CSS! Мне было так весело работать над ним с Мириам. Если бы ты этого не знал, она редактор спецификации. Это удовольствие (и честь, на самом деле) разместить ее работу здесь и сделать ее доступной для всех нас, чтобы добавить в закладки и сослаться на нее.
Вот 11-20 для пинков:
- Анимация с помощью базового JavaScript —М-д Шуво
- Flutter для веб-разработчиков интерфейса — Обумунэмэ Нвабуде
- CSS-сетка и пользовательские фигуры, часть 1 — Темани Афиф
- Пишите HTML, в стиле HTML (не в стиле XHTML) — Йенс Оливер Мейерт
- Экскурсия по 4 новым цветным функциям CSS — Крис Койер
- Крутые эффекты при наведении, использующие свойства фона — Темани Афиф
- Давайте создадим крошечный язык программирования — М-р Шуво
- Крутые эффекты наведения CSS, использующие обрезку фона, маски и 3D — Темани Афиф
- Идеальное оглавление с помощью HTML + CSS — Николас С. Закас
- Отпечатки пальцев на основе CSS — Крис Койер
Все посты, опубликованные в 2022 году, составляют 4.8m просмотров страниц или о 7.8% всех просмотров страниц. Наша самая просматриваемая статья всегда самая старая Руководство по флексбоксу который собрал 5.8m просмотров в этом году. Я бы хотел, чтобы наш новый контент опередил этот элемент, и я считаю, что это легко произошло бы, если бы мы продолжали публикацию в том же темпе. Вернемся к математике на салфетке, но мы могли бы получить около 67 миллионов просмотров страниц, если бы мы опубликовали еще 540 статей, чтобы соответствовать количеству опубликованных статей в прошлом году.
Если сделать несколько шагов назад, то можно увидеть самые просматриваемые статьи за прошлый год вне зависимости от того, когда они были опубликованы:
- Полное руководство по Flexbox
- Полное руководство по сетке
- Идеальное фоновое изображение на всю страницу
- Формы CSS
- Медиа-запросы для стандартных устройств
- Использование SVG
- Как масштабировать SVG
- CSS треугольник
- Градиентные границы в CSS
- Обрезать строку с многоточием
- Как это работает?
@font-face
в CSS
Да, почти так же, как в прошлом году. И годом ранее. И годом ранее. И… ну, почти. «Градиентные границы в CSS» — новинка, box-shadow
недвижимость вне списка. Все остальное из четвертого места просто поменялось местами.
Говоря о свойствах в Альманахе, я хочу посмотреть, на что вы больше всего ссылались в прошлом году:
::after
/::before
transition
box-shadow
scrollbar
justify-content
flex-wrap
gap
overflow-wrap
animation
white-space
Одно псевдо наверху и ничего, кроме свойств после этого. Интересно, учитывая, что реляционный псевдоселектор работает как :has()
, :is()
и :where()
новые дети на блоке.
Новостные рассылки
Цифры здесь слишком беспорядочны, чтобы делать какие-либо проницательные выводы. После перехода на DigitalOcean нам пришлось очистить наш список из более чем 91 XNUMX подписчиков в целях соблюдения требований, и в результате их число резко сократилось. Если вас исключили из списка, вы можете повторно подписаться здесь.
Хорошие новости? Мы все еще делаем рассылку! Мы на самом деле запустил его в августе после пятимесячного перерыва. У нас была еженедельная каденция, но теперь она раз в месяц, пока ваш покорный слуга ее пишет. Я очень надеюсь вернуть его к еженедельной публикации. (Я скучаю по тебе, Робин!)
Обновления сайта
Если быть честным, в основном это было для того, чтобы удержать корабль на плаву. Если не считать незначительных доработок и технического обслуживания, сайт практически остался на том же уровне, что и в прошлом году.
В 2023 году все изменится. Если вы следите за нашими ежемесячными За кадром обновлений, то вы знаете, что мы планируем перенести CSS-Tricks из WordPress в ту же самодельную CMS, которую DigitalOcean использует для всех своих (звездных) контент сообщества.
Эта работа началась пару месяцев назад и должна быть завершена в течение первой половины года. Вы можете поспорить, что мы будем держать вас в курсе по пути. Кроме свежий дизайн и новый бэк-энд, это должно быть обычным делом. Если у вас есть какие-либо вопросы об этой работе и о том, что она означает для вашего любимого внешнего издания, пожалуйста, напишите мне. в комментариях or напиши мне письмо.
Если вы еще не видели его, вот несколько композиций, которые собрал наш дизайнер Логан Лиффик:
обзор целей на 2021 год
Ой, даже смотреть не решаюсь. Все усилия, затраченные на интеграцию с DigitalOcean и поиск нового ритма, отняли у всех время, оставив очень мало времени для достижения целей Криса, а именно:
- ✅ Больше внимания SEO. Я поставлю нам здесь проходной балл. Правда в том, что Крис и я уже копались в этом до приобретения. Мы заменили плагин Yoast SEO на RankMath, воспользовавшись встроенными в редактор инструментами, которые помогут нам научиться оптимизировать наши сообщения для результатов поиска. И чтобы было ясно: речь идет не столько об увеличении трафика для получения большего дохода от спонсорства, сколько о признании того, что поиск является основным способом, которым такие читатели, как вы, находят нас, и облегчении поиска того, что вы ищете. Это особенно верно сейчас, когда нас поддерживает DigitalOcean, и мы меньше полагаемся на спонсорство, чем раньше.
- 🚫 Еще одна цифровая книга. Замах и промах! Ну, на самом деле мы никогда не замахивались, во-первых, и не лезли в коробку для отбивающего, если уж на то пошло. (Разве так работают спортивные аналогии?) Крис опубликовал книгу Величайшие CSS-трюки в 2020 году и сделал платным подписчиком CSS-Tricks привилегию. Идея состояла в том, чтобы сделать еще один в этом году, но мы избавились от платных подписок и открыли The Greatest CSS Tricks для всех желающих бесплатно.
- ???? Больше экспериментов в социальных сетях. Неа! Но это может быть и к лучшему, учитывая, где сейчас находится Twitter. Возможно, в следующем году нам придется поэкспериментировать в этой области больше по необходимости, чем из интереса. Твиттер всегда был каплей в пресловутом ведре трафика CSS-Tricks; настолько, что инвестировать в него похоже на то, чтобы положить яйца не в ту корзину, э-э, ведро. Не знаю. Часть меня просто хочет посидеть, сложа руки, и посмотреть, как все сложится, прежде чем решиться на что-то новое или необычное.
2023 постановка целей
Новый год, новые цели, не так ли? Позвольте мне вставить несколько слов в уста команды и сформулировать то, что я считаю главным приоритетом для нас в 2023 году:
- Плавная миграция сайта. Ничто не сделало бы меня счастливее1 чем беззаботный переход на архитектуру DigitalOcean. Но да ладно, мы все знаем удалось всегда появляется, когда пора идти. На этом сайте более 7,000 статей, написанных за 15 лет. 19 версий сайта в тот промежуток времени. Существует так много настраиваемых типов сообщений, настраиваемых полей, шаблонов страниц, функциональных плагинов, интеграций и базы данных размером более 6 ГБ для перемещения и сопоставления с существующей системой. Хорошо, что у нас есть команда первоклассных разработчиков, чтобы взяться за это!
- Опубликовать 1-2 новых руководства. На самом деле, я хотел бы стремиться выше. Мы перешли от девяти новых руководств в 2020 году к ничтожному одному новому руководству в 2021 году и еще одному в прошлом году: Мириам Полное руководство по каскадным слоям CSS. У меня есть список еще из 10, которые я хотел бы написать, но думаю, что мы установим очень низкую планку, учитывая наш недавний послужной список. Ранее я упоминал, что хотел бы включить работу Моджтабы в Альманахе в существующее руководство по CSS Grid. Это немалый объем работы, и я буду считать ее достижением цели, если мы сможем ее осуществить.
- Расширьте Альманах. Это мой лунный выстрел. Я хотел бы видеть больше типов документации там. У нас есть псевдоселекторы и свойства, и это всегда было здорово. Но, черт возьми, подумайте обо всех других вещах, которые мы могли бы там иметь: функции, at-правила, единицы измерения, селекторы, значения свойств и т. д. Мы только царапаем поверхность того, что могло бы быть там! Если мы получим хотя бы один из них, я буду в
place-self: heaven
.
Спасибо так, так, so много!
Это работа моей мечты, и у меня бы ее не было без таких читателей, как вы. Не могу поверить, что прошло восемь лет с тех пор, как была опубликована моя самая первая статья, и что я все еще здесь, работать с учиться у самых ярких умов в нашей области. Я мог бы болтать (больше, чем уже сделал) о том, как много значит для меня сообщество CSS-Tricks, но на самом деле все сводится к тому, что… спасибо, спасибо, Спасибо. От всего сердца, Спасибо.
И спасибо всем замечательным людям здесь, в DigitalOcean, которые создали отличный дом для CSS-Tricks. Особое спасибо Хейли Миллс, Сидни Россман Райх, Брэдли Кучи, Карен Диги, Дэвиду Бергу, Мэтту Кроули, Логану Лиффику и Кирстин Келлогг за то, что они лично ввели меня в курс дела и заставили чувствовать себя здесь как дома. Это прекрасное место.
Вперед, мы идем!
- SEO-контент и PR-распределение. Получите усиление сегодня.
- Платоблокчейн. Интеллект метавселенной Web3. Расширение знаний. Доступ здесь.
- Источник: https://css-tricks.com/thank-you-2022-edition/
- 1
- 10
- 11
- 15 лет
- 2020
- 2021
- 2022
- 2023
- 7
- 9
- 98
- a
- О нас
- приобретение
- деятельность
- на самом деле
- плюс
- После
- впереди
- Alex
- Все
- уже
- в порядке
- всегда
- количество
- аналитика
- и
- Другой
- архитектура
- ПЛОЩАДЬ
- около
- гайд
- статьи
- авторинга
- доступен
- назад
- Back-конец
- со спинкой
- фон
- бар
- основной
- корзину
- , так как:
- до
- начал
- не являетесь
- верить
- ЛУЧШЕЕ
- Ставка
- большой
- Немного
- Черный
- Заблокировать
- книга
- Дно
- Коробка
- Группа
- бизнес
- каскад
- каскадные слои
- изменение
- заряд
- Очистить
- явно
- CloudFlare
- КМВ
- код
- цвет
- как
- сообщество
- сравнить
- сравненный
- полный
- Соответствие закону
- сложный
- подключает
- принимая во внимание
- содержание
- содержание
- продолжать
- участник
- может
- Пара
- "Курс"
- трещина
- Создайте
- творческий
- CSS
- CSS хитрости
- изготовленный на заказ
- База данных
- Давид
- день
- Решение
- дизайнер
- застройщиков
- Диалог
- различный
- Интернет
- digitalocean
- документации
- дело
- Dont
- вниз
- мечта
- Падение
- упал
- каждый
- Ранее
- легче
- легко
- edition
- редактор
- эффекты
- усилие
- яйца
- пользоваться
- Весь
- особенно
- и т.д
- Даже
- все члены
- многое
- существующий
- эксперимент
- объясняя
- дополнительно
- Избранное
- Особенности
- несколько
- поле
- Поля
- Найдите
- конец
- Во-первых,
- Фокус
- вперед
- Бесплатно
- свежий
- от
- полный
- полностью
- fun
- функциональность
- Функции
- получить
- получающий
- Дайте
- данный
- взгляд
- Go
- цель
- Цели
- идет
- Золото
- хорошо
- Google Analytics
- класс
- большой
- величайший
- сетка
- GUEST
- инструкция
- Гиды
- Половина
- обрабатывать
- Руки
- Вешать
- произошло
- имеющий
- Заголовок
- Сердце
- помощь
- помогает
- здесь
- Колеблющийся
- высший
- Удар
- каникулы
- Главная
- надежды
- надеясь
- кашель
- горячие
- зависать
- Как
- How To
- HTML
- HTTPS
- БОЛЬНОЙ
- идея
- идеи
- идентичный
- in
- включать
- повышение
- информация
- интегрировать
- интеграций
- интерес
- интересный
- инвестирование
- IT
- JavaScript
- работа
- присоединение
- Сохранить
- хранение
- Kicks
- Дети
- Знать
- Фамилия
- В прошлом году
- слой
- слоев
- УЧИТЬСЯ
- изучение
- уход
- линий
- LINK
- Список
- мало
- Логан
- посмотреть
- искать
- серия
- Louis
- любят
- Низкий
- сделанный
- техническое обслуживание
- сделать
- Создание
- многих
- карта
- Маски
- массивный
- Совпадение
- математике
- Вопрос
- означает
- Медиа
- упомянутый
- просто
- может быть
- мигрировать
- миграция
- умов
- небольшая
- отсутствующий
- Месяц
- ежемесячно
- месяцев
- БОЛЕЕ
- самых
- рот
- двигаться
- перемещение
- с разными
- почти
- сеть
- Новые
- Новости
- Новостные рассылки
- следующий
- нормально
- номер
- номера
- как ни странно
- ONE
- открытый
- Оптимизировать
- Другое
- общий
- Темп
- упакованный
- выплачен
- часть
- Прохождение
- мимо
- ИДЕАЛЬНОЕ
- Лично
- Часть
- Мест
- планирование
- Платон
- Платон Интеллектуальные данные
- ПлатонДанные
- пожалуйста
- плагин
- плагины
- После
- Блог
- Precious
- довольно
- первичный
- Предварительный
- Программирование
- Проект
- свойства
- собственность
- Публикация
- публиковать
- опубликованный
- Издательство
- целей
- положил
- Полагая
- Вопросы
- Читать
- читатель
- читатели
- Reading
- причина
- последний
- запись
- отражение
- Несмотря на
- заменить
- запросить
- результат
- Итоги
- доходы
- избавиться
- то же
- МОРЕ
- Поиск
- Во-вторых
- видя
- поисковая оптимизация
- набор
- Вытрясти
- формы
- разделение
- КОРАБЛЬ
- должен
- Шоу
- подпись
- с
- сайте
- небольшой
- So
- Соцсети
- социальные сети
- некоторые
- удалось
- Источник
- исходный код
- особый
- скорость
- спонсорство
- Спорт
- Спотовая торговля
- стандарт
- Начало
- и политические лидеры
- Статистика
- Stellar
- Шаги
- По-прежнему
- Абоненты
- подписка
- супер
- Поверхность
- удивлен
- Сидней
- система
- ТАБЛИЦЫ
- взять
- с
- команда
- шаблоны
- 10
- Ассоциация
- The Block
- Там.
- задача
- вещи
- В этом году
- мысль
- Через
- время
- в
- вместе
- слишком
- инструменты
- топ
- Десятка лучших
- Всего
- Тур
- к
- трек
- трафик
- переход
- прозрачный
- лечить
- правда
- Типы
- единиц
- Предстоящие
- Обновление ПО
- обновление
- Updates
- us
- использование
- Информация о пользователе
- Наши ценности
- Просмотры
- W3
- Web
- еженедельно
- добро пожаловать
- Что
- который
- в то время как
- КТО
- будете
- в
- без
- WordPress
- слова
- Работа
- работает
- бы
- записывать
- писатель
- письменный
- Неправильно
- год
- лет
- Ты
- ВАШЕ
- зефирнет