четверг, 21 ноября 2024 г.

С чего начинается построение сайта - выбор шрифтов

Обычно я начинаю построение будущего сайта с подбора шрифтов и палитры.

Стилизованные шрифты для будущего сайта.

Постоянно путаюсь в названиях и том, как они выглядят внешне.

Это скрин - шпаргалка.

Синим указано имя шрифта, и немного текста, для того что бы иметь представление о том как это будет выглядеть.

Заголовки - Н1, Н2, Н3 и т.д - это их вид и размер по умолчанию.

В дальнейшем я их тоже стилизую и изменю цвета.

О том как привязать тот или иной шрифт к странице, и как назначать его используя CSS - только ленивый не написал. Поэтому я распространяться об этом не стану. 
В данном проекте я использую бесплатные шрифты, скачанные и сохраненные в папке fonts данного проекта.
Это три шрифта и их вариации, нормальный шрифт, толстый (bold) и наклонный курсив (italic):

    font-family: 'Yeseva One', cursive;
font-family: 'Philosopher', sans-serif;
font-family: 'Exo 2', sans-serif;


Дальше дело  за палитрой для будущего сайта. Цвета, гамма или сочетание оттенков, рамок которых я буду придерживаться по крайней мере для главной страницы.


Вместо приветствия

С тех пор как я начала учиться веб разработке в Codecademy у меня набралось много заметок по темам курсов и уйма учебных проектов.

Хочу собрать все свои веб проекты заметки и шпаргалки в один сайт.

Главная страница - будет иметь вид портфолио начинающего веб разработчика. 

Заметки и примеры кода добавлю на отдельные страницы с проектами. Например заметки по тому же Phaser3 и работе с ним добавлю на страницы с проектами игр на этом движке. Сразу после окна игры. Так же хотелось бы сохранить заметки по работе со шрифтом "awesome". Это такой шрифт, состоящий из иконок, которые  можно использовать  на сайтах. Иконки можно изменять с помощью CSS, настраивая их цвет и размер.

У меня  на компе завалялись отдельные веб странички или записи по урокам и заданиям. Позже они очень помогли мне вспомнить тот или иной концепт..

Именно это и побуждает меня к работе над проектом и блогом. Возможно эти заметки пригодятся или помогут кому то еще.