L0k1

а как на счет плагинов для wp - Cyr-To-Lat напрмер ?

не первые 1000 пикселей, а то, что видно на экране при загрузке - critical path.
могу предположить, что тут можно для этого посмотреть инструменты https://github.com/addyosmani/critical-path-css-tools

Здесь все на совести разработчика, но желательно придерживаться здравого смысла: если что-то ведет себя как кнопка, делать кнопкой, если что-то ведет себя как блок - делать блоком, если список блоков - то почему бы и не сделать Li блочными? в этом нет ничего плохого

а чем, caniuse.com не угодил? да и в гугле инфы завались

https://icomoon.io либо другой подобный сервис

Опыт != знания и умения, к сожалению

Софтом типа teleport для винды или deep vacuum для мака

increment = i++

в чем конкретно загвоздка? Или вам кажется, что в тостере за вас должны детские задачки решать?

с таким вопросом ожидайте ответ, в котором будем тоже картинка
тут ведь все по скриншотам проблемы лечат

не заглядывая особо в код:
-можно изначально задать прозрачный бордер, а потом его красить
-можно задать элементу box-sizing: border-box; - и будет счастье

height: 100% отменили что-ли?

чистым css - это блоки сделать inline-block, а общему контейнеру column-count: 3;

w3bits.com/css-masonry

А с чего вдруг st должен подсвечивать функции wp?
Поставьте какой-нибудь wordpress package, например

app.prntscr.com/en/index.html
либо какой-ни будь другой софт
да и в чем проблема подрезать скрин в графредакторе?
И если размеры картинки будут немного отличаться - ничего страшного не произойдет

Есть еще такое расширение к modernizr - Detectizr
Показывает:

• device
• device model
• device orientation
• screen size
• operating system
• operating system version
• operating system version full
• browser
• browser version
• browser engine
• browser plugins

в codepen compass подключен еще для sass