<MyRusakov.ru />

Создание игр на Unreal Engine 4

Создание игр на Unreal Engine 4

Данный курс научит Вас созданию игр на Unreal Engine 4. Курс состоит из 12 модулей, в которых Вы с нуля освоите этот движок и сможете создавать самые разные игры.

В курсе Вы получите всю необходимую теоретическую часть, а также увидите массу практических примеров. Дополнительно, почти к каждому уроку идут упражнения для закрепления материала.

Помимо самого курса Вас ждёт ещё 5 бесплатных ценных Бонусов: «Динамическая смена дня и ночи», «Создание динамической погоды», «Создание искусственного интеллекта для NPC», «Создание игры под мобильные устройства» и «Создание прототипа RPG с открытым миром».

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Ошибки новичков при верстке сайтов #2

Ошибки новичков при верстке сайтов #2

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

Ошибка #3. Названия классов не на английском

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

Ошибка #4. Прописывание стилей в атрибуте style

Все стили нужно прописывать во внешнем CSS файле, за исключением вёрстки email писем. Избегайте прописывать стили непосредственно в HTML тегах.

<div style="font-size: large;"></div>

В каких случаях можно применять инлайновые стили?

  1. при верстке е-mail писем
  2. для управления стилями из админки различных CMS

Ошибка #3. Использование id для стилизации элементов.

Для стилизации элементов нужно использовать только классы. Оставьте уникальные идентификаторы (id) для обращения к элементам из JavaScript.

Ошибка #5. Неоптимизированные изображения

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

Ошибка #6. Не сбрасывают дефолтные настройки браузеров

У всех браузеров есть свои настройки для отображения внешнего вида некоторых тегов (h1-h6, margin, padding и другие). Чтобы верстка выглядела во всех браузерах одинаково, нужно сбрасывать все браузерные стили. Рекомендую использовать файл normalize.css. В нем прописаны некоторые CSS правила с обнуляемыми или оптимальными значениями.

Ошибка #7. Не используют семантические теги

Семантические теги надо использовать для разбиения кода верстки на логические блоки. В коде, где используются семантические теги проще всем ориентироваться. Это не будет считаться грубой ошибкой, если вы напишите так:

<div class="header"></div>
<div class="footer"></div>

Однако, такой метод записи кода уже не актуален. Следует писать код так:

<header class="header"></header>
<footer class="footer"></footer>

Ошибка #8. Перегружают код лишними дивами

Новички иногда злоупотребляют лишними тегами div - оборачивают все что можно обернуть, в основном строчные теги a, span. Здесь нужно придерживаться правила: Если можно обойтись без обертки, то не нужно писать тег div на всякий случай.

<div class="image">
    <img src="" alt="">
</div>

Почему новички так делают, вполне понятно. Например тексту внутри строчного тега span нельзя задать позиционирование, поэтому его сначала оборачивают в тег div. А затем, уже к тегу div применяют позиционирование. Как это обойти? Очень просто, отображаете строчный элемент, как блочный. Нужно прописать в стилях свойство display: block.

// неправильно
<div class="name">
    <span>Madlen</span>
</div>

// правильно
<span class="name">Madlen</span>

.name {
    display: block;
}

Ошибка #9. Большой уровень вложенности у селекторов

Как грамотно сформировать селекторы для вложенных тегов?

<header class="header">
    <nav class="top-nav">
        <ul class="top-navbar">
            <li></li>
        </ul>
    </nav>
</header>

Часто можно встретить в CSS стилях многоуровневую вложенность. Например для стилизации тега li, начинают перечислять всю эту пирамиду из внешних тегов. Так писать нельзя.

.header .top-nav .top-navbar li {}

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

.header {}
.top.nav {}
.top-navbar {}

Допустим максимальный уровень вложенность - это когда один элемент лежит внутри другого.

.top-navbar li {}

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (1):

master284 master284 15.09.2020 18:01:37

Действительно, Михаил как всегда прав, всё это частенько мы игнорируем. Спасибо за подсказку.

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.