CSS

CSS Stats - сбор статистики по вашему CSS

Вёрстка CSS

Недавно обнаружил cssstats.com — сайт для визуализации статистики по CSS. Как оказалось, ему уже несколько лет. Рекомендаций они не дают, просто дают информацию к размышлению.

В статье “Understanding CSS Stats: How to Make the Most of the Numbers”, предложено несколько способов анализа этой информации.

Немного про CSS и вёрстку

Вёрстка CSS

Сегодня несколько интересных статей от css-tricks, csswizardry и uxdesign.cc.

  • background-repeat;
  • Проблемы с производительностью base64 для картинок;
  • Краткая запись CSS как антипаттерн;
  • О стилях для печати.

Отладка и тестирование вёрстки

Вёрстка CSS

Сегодня небольшая подборка информации для тех, кому интересна тема тестирования и отладки вёрстки. Disclaimer: некоторые статьи читал давно (возможно что-то устарело), не всеми советами пользовался, однако статьи, безусловно, полезные.

Два простых способа сделать пользователей счастливее

UX  /  Вёрстка  /  Производительность Design  /  UX+Usability  /  Performance  /  CSS  /  HTML  /  YarFullStack

Сегодня расскажу про два сравнительно простых способа как сделать ваших пользователей ещё счастливее.

Как вы уже знаете, мне нравятся быстрые сайты. Летом я уже делился набором инструментов для оптимизации сайтов. Однако, есть пара несложных приёмов, первый из которых эти инструменты вряд ли когда-нибудь догадаются посоветовать.

Начнём с самого простого в реализации способа. Его внедрение, правда, может отнять у вас много времени на этапе согласования в компании или с участниками вашей команды.

Подробности про UnCSS

Вёрстка CSS  /  Tools

Ранее я уже немного упоминал UnCSS, а сегодня расскажу о нем подробнее. Напомню, он, с помощью PhantomJS, рендерит страницы и выполняет JavaScript, ищет используемые классы и удаляет остальные.

Лично мне удобнее всего использовать его вместе с PostCSS. При желании, можно подключить его к Grunt, Broccoli или Gulp. Также можно использовать его API из Node.js или вызывать из командной строки. Подробности есть на странице проекта.