Если попытаться записать всё, что нужно добавить, подключить и проконтролировать перед тем, как открывать сайт, то выйдет внушительный список. Именно его составлением и занялся куратор документа под названием Front-End Checklist и опубликовал свою подборку на Github во имя всеобщего блага.

Список поделен на разделы: всё, что идет в тег Head (теги meta, фавайкон и им подобные), лучшие практики HTML, настройка шрифтов, CSS, оптимизация картинок, JavaScript, безопасность, тестирование производительности, доступность и SEO.

Большинство пунктов снабжено ссылками на полезные ресурсы и ярлычком по степени приоритета (low, medium, high), чтобы было понятно, за что браться в первую очередь. Список переведен на многие языки, включая русский (спасибо Михаилу Истомину!).

И заодно порекомендую другую ссылку на тему веб-дизайна. 30 Seconds of CSS — это сайт с подборкой полезных трюков, которые можно сделать при помощи CSS. Каждый — с работающим примером и необходимыми подробностями.

6 комментариев

  1. Skybad

    09.03.2018 at 16:15

    добрый день. Можно более подробно насчет чек листа по безопасности? каким образом проходит тест? есть ли база с которой идет сравнение? может ли система сама обучатся или с помощью проверенных кодов?

    • Андрей Письменный

      Андрей Письменный

      09.03.2018 at 16:45

      Skybad, тест проходит методом чтения чеклиста глазами. Таким образом система обучается в меру своих способностей.

  2. john_

    09.03.2018 at 19:10

    Интересная задумка.

  3. Antek

    10.03.2018 at 13:31

    Добавил перевод на украинский язык: https://github.com/antonkryvko/Front-End-Checklist

  4. Алексей Федоренко

    12.03.2018 at 21:08

    Всем огромное спасибо за труды!

  5. thedaviddias

    13.03.2018 at 21:04

    I want to thank you for sharing the Front-End Checklist! It is always a «work-in-progress» but I hope that it’ll help a lot of people!

Оставить мнение