Видеокурс по разработке HTML5 игр на JavaScript.

В ходе курса мы разработаем 2 классические игры с нуля: арканоид и змейка. Мы напишем весь код на чистом JavaScript с использованием HTML5 canvas без использования сторонних библиотек.

В ходе обучения разбираем следующие темы:

основы работы с HTML5 canvas

загрузка, отрисовка и движение спрайтов

вращение спрайтов на канвасе

обработка столкновений

запуск покадровой анимация из spritesheet

воспроизведение звуков

изменение размеров игры в зависимости от разрешения экрана

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

Приятного просмотра и продуктивного обучения!

Скачать курс 👉 https://cutt.ly/6oSaw76

#web #js #canvas #html

Оптимизация изображения на сайте Wordpress 👉 https://junnot.info/optimizacziya-kartinok-dlya-wordpress/

#wordpress #optimization

Команда WordPress выпустила версию 5.5 «Eckstine», названную в честь американского вокалиста Билли Экстайна.

Это крупное обновление, которое насчитывает более 450 улучшений и исправлений. Обзор основных изменений 👉 https://wordpress.org/news/2020/08/eckstine/

Анимация SVG при помощи библиотеки GreenSock - https://junnot.info/animacziya-svg-pri-pomoshhi-biblioteki-greensock/

CSS 3D преобразование и перспектива - https://css-irl.info/learning-about-css-3d-transforms/

Основы HTML/CSS

Курс Основы HTML/CSS подходит для начинающих веб-разработчиков, для тех, кому нужно освежить или улучшить свои знания. Также рекомендуем пройти этот курс тем, кто уже создает сайты, и при написании кода часто делает ошибки и не может самостоятельно найти место поломки. Закройте все пробелы в самых основах знаний HTML/CSS - базовых языков, без которых сегодня не существует ни один сайт в интернете.

#css #html

Изменение стилей input при автозаполнении в браузерах WebKit

👉 https://cutt.ly/4glv8dK

Адаптивный дизайн высоты

Статья рассматривает очень интересный вопрос касательно адаптивности сайта по высоте

👉 https://cutt.ly/jgRhDuu

#css #web

WebP in CSS — PostCSS плагин и крошечный JS-скрипт (128 байт) для использования WebP в качестве CSS background

https://github.com/ai/webp-in-css

#css #imageOptimization

Учебное пособие по webpack: Как настроить webpack 5 с нуля

https://www.taniarascia.com/how-to-use-webpack/

#webpack

Lazy-loading видео.

Обычно видео загружаются с помощью тега video (хотя, появился альтернативный метод с использованием img, правда, его возможности ограничены). Способ реализации отложенной загрузки видео зависит от варианта его использования. Давайте обсудим несколько сценариев, для каждого из которых требуется своё решение.

https://habr.com/ru/company/funcorp/blog/520594/

#html