https://panzi.github.io/SocialSharePrivacy/
Хороший ресайз картинок в браузере
https://habrahabr.ru/post/252175/
Полезно когда много картинок и нужно отдать на разные разрешения
300 потрясающих бесплатных сервисов
Шрифты
Хорошие сайты подбора шрифтов:
https://www.myfonts.com – очень удобно, наглядно, огромное количество шрифтов. Дорого.
https://webfont.ru/ – удобный поиск, шрифты басплатны
https://www.fontsquirrel.com – большой выбор
https://www.paratype.ru/pstore/
CSS Tricks, динамическое изменение текста java script, скругляем углы и правильно располагаем блоки CSS
Прикольный сайт по CSS
https://css-tricks.com/
Сайт веб-разработчика с полезной инфой
https://dimox.name/dynamic-font-size-on-jquery/
Создаем закруглённые уголки с помощью CSS 3
https://habrahabr.ru/post/66193/
Блоки CSS
https://koulikov.com/wp-content/uploads/2012/12/inline-block/
Растянуть фон с масштабированием HTML, CSS
Вот простой работающий метод css only.
body {
background-image: url(image.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-o-background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-khtml-background-size:cover;
background-size: cover;}
img{border:0;}
Значение – Задает размер в любых доступных для CSS единицах — пикселы (px), сантиметры (cm), em и др.
Проценты – Задает размер фоновой картинки в процентах от ширины или высоты элемента.
auto – Если задано одновременно для ширины и высоты (auto auto), размеры фона остаются исходными; если только для одной стороны картинки (100px auto), то размер вычисляется автоматически исходя из пропорций картинки.
cover – Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
contain – Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.