Результаты Ultimate CSS Survey 2017

26 апреля я опубликовал в этом году версию Ultimate CSS Survey, которая позволяет нам собирать информацию от разработчиков CSS об их практиках, привычках, знаниях и понимании CSS.

Более 1600 человек заполнили опрос за последние 6 недель, и теперь пришло время показать вам цифры. Я включил результаты ниже, и после встраивания я разместил некоторые из моих последующих комментариев и замечаний, особенно по сравнению с результатами прошлого года. Я также включил примечания к комментариям, которые многие читатели опубликовали в опросе (включены в качестве дополнительного поля).

Используйте стрелки вверх / вниз, чтобы просмотреть результаты опроса ↑

Какова цель обследования?

Один человек хотел знать, почему мы проводим этот опрос и изменится ли обратная связь. Как редактор здесь, в SitePoint, мой главный приоритет — понимать моих читателей. Я хочу знать, на каком уровне они находятся с различными технологиями, с какими функциями CSS они работают больше всего, какие из них доставляют им больше всего хлопот, и какие инструменты, связанные с CSS, они включают. Это также помогает узнать, следуют ли разработчики рекомендациям. Понимание этих вещей поможет нам здесь, в SitePoint, предложить новые статьи и новый премиум-контент, который принесет читателям максимальную пользу.

Кроме того, многие люди в прошлом году и в этом году отметили, что опрос дал им представление об инструментах, функциях и технологиях CSS, о которых они никогда не слышали раньше или, возможно, о них забыли. И, конечно же, результаты могут помочь некоторым разработчикам увидеть, в каком направлении движутся вещи, что может помочь в повышении квалификации и на что обращать внимание при поиске работы.

Комментарии к результатам

Не стесняйтесь анализировать результаты выше самостоятельно, но вот некоторые моменты, которые выделяются (я включил ссылки на различные темы):

Общие вещи и лучшие практики

• Когда их попросили описать себя (Вопрос 2), 30% респондентов ответили, что являются разработчиками полного стека . В прошлогоднем опросе я не упомянул опцию «полный стек», поэтому сравнивать результаты сложно. Я удивлен так много респондентов с полным стеком. Я думаю, что в какой-то степени это является отражением читателей SitePoint.
• Еще одним значительным увеличением является количество разработчиков, использующих методологию CSS (вопрос 32). В этом году 32% заявили, что используют предопределенную методологию по сравнению с 23% в прошлом году. В частности, использование БЭМ выросло с 21% в прошлом году до 29% в этом году.
• Только 23% респондентов заявили, что они создают документацию для своего CSS (вопрос 39), что меньше, чем в прошлом году около 28%. Я не ожидал бы, что это число будет слишком высоким в целом, но я удивлен, что произошло падение.
• Испытания CSS на различных мобильных устройствах растут (Вопрос 41). Около 82% проводят тестирование мобильных устройств от умеренного до полного, по сравнению с 72% в прошлом году.
• 8% респондентов заявили, что все еще тестируют IE8 и поддерживают IE8, а 4% — IE6 / 7 (Вопрос 42). Два респондента даже сказали, что поддерживают IE5.5. Я думаю, что эти цифры немного выше, чем они должны быть.
• Вообще говоря, больше разработчиков, чем в прошлом году, довольны W3C и процессом стандартизации. (Вопросы 43 и 44)
• В этом году 23% респондентов сказали, что они посетили конференцию CSS (вопрос 48), что на 6% больше, чем в прошлом году. Рад слышать!
• Более 70% респондентов сказали, что узнают о CSS из просмотра источника на случайных сайтах, с которыми они сталкиваются (Вопрос 50).

Особенности CSS

• Все больше разработчиков CSS используют единицы rem (Вопросы 11 и 12) как для типографики, так и для определения размеров в целом по сравнению с прошлогодним опросом.
• Одним из самых больших увеличений по сравнению с прошлогодним опросом было (что неудивительно) использование flexbox (Вопрос 14). В прошлом году 31% сказали, что еще не начали его использовать. В этом году только 18% сказали, что. Кроме того, 62% заявили, что используют flexbox в большинстве или во всех новых проектах, по сравнению только с 39% в прошлом году.
• Все больше разработчиков используют менее известные модули CSS, такие как vw, vh, grad, turn и т. Д. (Вопрос 24)
• Сферы CSS, с которыми у разработчиков больше всего проблем: выражения псевдоклассов, типографика CSS , формы стилей, 3D-анимация, Grid Layout и flexbox. (Вопросы 46 и 47)

инструменты

• Использование CSS-фреймворков, таких как Bootstrap и Foundation, похоже, сокращается. Не значительное снижение, но есть заметная разница с прошлого года по этот год. (Вопросы 25 и 26)
• Использование Sass and Less снижается, в то время как использование PostCSS возросло с 19% до 30%. Точно так же растет использование менее известных инструментов, таких как CSS Modules и Pleeease . (Вопрос 28)
• Как и в прошлом году, более 60% респондентов считают, что функции препроцессоров, таких как Sass, должны быть изначально частью CSS. (Вопрос 29)
• Наиболее популярными редакторами кода и средами разработки являются Sublime Text, Atom, Visual Studio и PHPStorm (вопрос 30). Это хорошо согласуется с тем фактом, что так много людей, которые заполнили опрос, являются разработчиками с полным стеком.
• Более 50% респондентов заявили, что обнаружили в браузере ошибку, связанную с CSS (15% сообщили об ошибке). Это кажется немного высоким, но я предполагаю, что многие из этих ошибок вообще не были ошибками. (Вопрос 34)
• Более высокий процент людей в этом году считают, что управлять CSS с помощью JavaScript (как это делают некоторые библиотеки в настоящее время) — хорошая идея (37%, по сравнению с 30% в прошлом году). (Вопрос 35)

Отзывы респондентов

Как и в прошлом году, мы позволили респондентам заполнить любые общие комментарии, которые они имели по вопросам опроса. Ниже я суммировал некоторые комментарии:

• Как и ожидалось, ряд людей чувствовал, что у опроса слишком много вопросов. Это, вероятно, не изменится. Этот год был намного короче, чем прошлогодний, но я хочу охватить слишком много вопросов, и я предпочел бы получить ответы на все эти вопросы, а не урезать их, чтобы получить большее количество записей.
• В прошлом году многие люди выбрали «Grid Layout Module» в качестве основного метода макета, хотя он пока еще не был стандартом. Те респонденты думали, что это было связано с использованием основанной на основе системы сетки В этом году я пояснил, что имел в виду, и многие люди вошли в « Bootstrap » в «другом» поле. Я думаю, что лучше включить опцию «framework» в следующем опросе, потому что большинство людей, кажется, забывают (или не знают), что большинство сеток используют поплавки (или другую технику) за кулисами.
• Возможно, было бы неплохо включить вопрос по CSS для интернационализации, языков RTL и т. Д.
• Некоторые все еще считают, что должен быть ответ «не относится ко мне» на все вопросы. Я думаю, что это результат работы людей на одном веб-сайте с CMS, такой как WordPress, поэтому некоторые вопросы не относятся ко всем. Я улучшил это с прошлого года, но было еще несколько комментариев, подобных этому.
• Некоторые читатели хотели получить резюме своих ответов по электронной почте. Я думаю, что это хорошая идея, но я понятия не имею, возможно ли это с Typeform, сервисом SitePoint, используемым для опросов. Мы можем посмотреть на это.
• На вопрос 22 «Как часто вы используете ключевое слово !important Один пользователь сказал, что они делают это только тогда, когда это абсолютно необходимо, но они не проводят рефакторинг. В будущем я просто оставлю часть о рефакторинге.
• Многие люди хотели включить вопросы, которые на самом деле не связаны с CSS (рабочая среда, процесс сборки и т. Д.). Это целенаправленный опрос только для CSS, поэтому я включаю только вопросы, относящиеся к CSS. Есть и другие опросы для более общих вещей.
• В будущем опросе будут содержаться вопросы о том, какие инструменты JavaScript используются для управления CSS, поскольку они набирают все большую популярность. Несколько читателей просили об этом.
• Некоторые вопросы, естественно, предполагают, что CSS используется только для работы. Есть люди, которые пишут CSS просто как хобби или подобное, поэтому может быть полезно задать вопрос об этом или включить его в Вопрос 2.
• Несколько человек отметили, что Safari, а не IE, является их самым проблемным браузером, когда дело доходит до тестирования.
• Для вопроса 34 по поиску ошибки браузера, возможно, было бы хорошо иметь возможность для людей, которые не знают, как сообщить об ошибке , или которые пытались сообщить о ней, но нашли дубликат.
• Некоторые другие темы для рассмотрения в будущем опросе: CSS linting, Shadow DOM, веб-компоненты .

Вывод

Так вот и все для опроса этого года. Я надеюсь, что вы нашли результаты интересными, и, возможно, что-то в опросе помогло вам пройти новый путь обучения, который сделает вас лучше и более информированным разработчиком в будущем.