OpenRef - blog

2022-11-01 19:23:51 Подключение сторонних шрифтов при сайтостроении.

Google Fonts - бесплатный сервис от Google для использования нестандартных шрифтов, которые, ко всему прочему, не обязательно хранить на сервере!

1. переходим на https://fonts.google.com
2. Выбираем понравившийся шрифт и корректируем его под свои нужды
3. Нажимаем "Select" напротив желаемого стиля
4. В появившемся окне "Selected family" копируем сгенерированную ссылку и вставляем её в раздел на своём сайте.
5. Готово, теперь добавленный шрифт можно использовать в свойстве font-family, используя только код, приведённый ниже!

body {
font-family: "Roboto", "Arial", sans-serif;
}

Arial указан как веб-безопасный шрифт на случай, если нестандартный не сработает.

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

#веб Открыть/Комментировать

2022-11-01 19:23:38 Docker - это инструмент, позволяющий упаковать в контейнер приложение со всем окружением и зависимостями, а затем доставить и запустить его в целевой операционной системе.

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

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

#общее Открыть/Комментировать

2022-11-01 19:23:26 Во frontend, для упрощения и ускорения написания макетов, придумали фреймворки, в которых большинство элементов уже предоставляются из коробки.

Самым популярным является Bootstrap. В нем можно найти такие элементы как:
1. Слайдеры с картинками.
2. Карточки и кнопки.
3. Готовые формы авторизации/регистрации.
4. Разметка колонок и строк.
и многое другое...

Пример сайтов написанных на bootstrap:
1. openref.ru
2. сайт с примерами

#веб Открыть/Комментировать

2022-11-01 19:23:14 В геймдеве просчет освещения происходит 2 способами:
1. Через вектор освещения.
2. Через физический вектор освещения (рейтрейсинг).

В этом посте речь пойдет про первый способ. О втором мы поговорим в следующий раз.

В 3D сцене есть: источник света, поверхность и наблюдатель. Для расчёта света необходимо рассчитать угол между источником света и нормалью, а так же между наблюдателем и нормалью. При сложении которых, получаем интенсивность света, на которую домножаем текущий цвет пикселя, и получаем световой эффект.

#геймдев Открыть/Комментировать

2022-11-01 19:23:02 Во многих языках программирования существует замечательная конструкция Switch Case, которая упрощает проверку переменной на равенство.

Пример с if:
some_var = 5
if some_var == 5:
код
elif some_var == 4:
код

Такой подход применялся в python до версии 3.10. И альтернативы этому не было.

В новой версии появилась долгожданная конструкция Match Case.

Пример:
match value:
case "create":
create()
case "delete":
delete()
case _:
default()

Данная конструкция сильно упрощает написание код и его читаемость. Знак _ означает "любое другое значение".

Еще преимущества при работе с массивами:

values = ['Date', 2, 4, False]
match values:
case "Date", *args, False:
print(args)
case "Date", _, True:
print(False)
case _:
print("Error!")

В этом примере показано сравнение содержимого массива. Знак _ указывает на то, что нам не важно, что находится на этом месте массива, а знак * захватывает все значения между и вносит их в список.

#общее Открыть/Комментировать

2022-10-19 21:32:02 Продолжаем говорить про игродел, и сегодня на повестке дня составляющие игрового движка.

Игровой движок состоит из:

1. Точка входа - Контролирует поведение нашего двигателя.
2. Макет приложения - Отвечает за главный цикл приложения, за события и тому подобное.
3. Макет окна - Работа с окнами.
- Ввод
- События - в него помещается Ввод
4. Визуализатор (Renderer) - Один из самых больших и сложных пунктов реализации.
5. Абстрактный визуализатор API - Поддержка визуализации различных API.
6. Отладка и поддержка - Проще говоря - это визуальная студия для работы с приложением (редактор).
7. Язык сценария - Высокоуровневый язык написания команд.
8. Система памяти - Отслеживание производительности приложения.
9. Система преобразования сущностей - Создание игровых объектов. Определение поведения объектов.
10. Физика объектов - Тут я думаю не нужно объяснять для чего это нужно)
11. Ввод и вывод файлов, виртуальная файловая система - Работа с файлами.
12. Строительная система - Редактирование объектов.

#геймдев Открыть/Комментировать

2022-10-18 22:44:23 В этом посте речь пойдёт о наиудобнейшем и абсолютно бесплатном инструменте для генерации css градиентов.

Вот что автор пишет про своё творение:
«CSS Gradient - это маленький веб-сайт и бесплатный инструмент, который позволяет создавать градиентный фон для веб-сайтов. Помимо того, что сайт является генератором градиентов css, он также полон красочного контента о градиентах от технических статей до реальных примеров градиентов, таких как Stripe и Instagram.»

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

#веб Открыть/Комментировать

2022-10-17 19:12:53 Друзья, а вот и обнова!

Теперь, для регистрации на сайте, можно (и нужно!) использовать свой телеграмм аккаунт.
Вы просто нажимаете на кнопку "вход" в шапке сайта, и бот в телеграмме генерирует ссылку, при переходе по которой вы тут же оказываетесь на портале под вашим аккаунтом.
Это сильно упрощает процесс регистрации.)

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

#обнова Открыть/Комментировать

2022-10-14 18:16:05 Наш сайт, тем временем, продолжает улучшаться!)

вот основные нововведения в версии v2.5.8:

// изменили шрифт тела уроков на consolas (прогрессивнее)

// добавили контакты на главную страницу (общительнее)

// уменьшили размер шрифта на карточке для названия и подзаголовка (красивее)

// установили новый стиль кода в рамке (читабельнее)

// добавили нумерацию кода (профессиональнее)

В ближайшем будущем, вас ждут некоторые изменения, связанные с системой регистрации, которые обязательно придутся вам по нраву!)

#обнова #анонс Открыть/Комментировать

2022-10-13 18:48:17 А сегодня речь пойдёт о разнице между компилятором и интерпретатором, только, в отличие от пустых картинок в интернетах, с человеческим пояснением)

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

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

Из этого делаем вывод, что скомпилируемые программы работают в разы быстрее интерпретируемых.

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

#общее Открыть/Комментировать