Первоначально опубликовано на веб-сайте web-crunch.com 19 марта 2017 г.

В части 16 серии скринкастов «Как спроектировать и запрограммировать целевую страницу продукта» я дорабатываю стили для нижнего колонтитула одностраничного веб-сайта.

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

Завершение дизайна

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

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

Я написал статью на эту тему под названием Должен ли я использовать SVG, Icon Fonts или изображения? Надеюсь, это может пролить свет на эту тему, если вы не уверены, какой путь выбрать. В будущем я планирую сделать несколько скринкастов по SVG, а также рассказать, как создавать спрайты SVG, так что ждите этого в будущем!

Сериал до сих пор

Первоначально опубликовано на веб-сайте web-crunch.com 19 марта 2017 г.