WebDev+ | Веб-разработка

Flat Weather Notice Cards - анимированные погодные карточки. Проект выполнен на чистом CSS с использованием препроцессора SASS. Данные карточки можно применить в своей работе, подключив их к реальным данным. Полный код проекта присутствует. #полезныйресурс #css

Three.js - библиотека для создания 3D графики, которая открывает невероятные возможности для создания графики в браузерах. С помощью Three.js можно создавать 3D объекты, анимации и даже игры. Для создания 3D графики, Three.js использует технологию WebGL. #javascript #полезныйресурс

Stack game - игра жанра построй башню. Игра сделана на JavaScript с использованием библиотек Three.js и Cannon.js. Полный код проекта присутствует. #javascript #css #html #полезныйресурс

Недавно вышел Notepad++ 8 — это крупное обновление редактора за последние 5 лет. Появилась поддержка ARM64-архитектуры и наконец-то исправили ряд проблем, преследовавших приложение последние релизы. Скачать и почитать подробнее об изменениях

3D CSS Plane - самолёт, который летит и управляется с помощью библиотеки GSAP. Самолёт может менять направление движения и включать "огни" с наступлением ночи. Полный код проекта присутствует. #полезныйресурс #css #javascript #html

Тег <canvas>. Создает область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи тега <canvas> можно создавать рисунки, анимацию, игры и др. Синтаксис <canvas id="идентификатор"> </canvas> Атрибуты height - Задает высоту холста. По умолчанию 300. width - Задает ширину холста. По умолчанию 150. Обязателен закрывающий тег. #html #javascript

Fancy Border Radius - инструмент для генерации сложной фигуры. Перетягивая ползунки можно создать необычную фигуру и в итоге получить значения CSS свойства border-radius. #полезныйресурс #css

Создаем неоновый текст с помощью CSS. На этом сайте, Вы пошагово научитесь создавать имитацию неоновых вывесок с различными анимированными эффектами. #css #html #полезныйресурс

CSS Button Generator - css генератор кнопок для сайтов Это сайт, на котором Вы сможете просто собрать красивую кнопку для вашего сайта, использую понятный интерфейс. #полезныйресурс #css

Реализуем простое, но необычное боковое меню. Сложность - ЛЕГКО Языки - HTML, JS, CSS 🖥 Читать статью 🖥 В этой статье Вы узнаете, как сделать анимированное меню, которое сдвигает содержимое страницы вправо, с добавлением затемнения. Если есть вопросы по коду, писать сюда @WebLabFeedBackBot #css #javascript #html

Создаём русскую матрицу. Сложность - ЛЕГКО Языки - HTML, JS, CSS 🖥 Читать статью 🖥 Если есть вопросы по коду, писать сюда @WebLabFeedBackBot #html #javascript #css

Baba is You – одна из лучших головоломок 2019 года и хороший инструмент для обучения использованию логики и переменных в программировании. Каждое слово соответствует объекту или действию, определяющему свойства уровней. Слова, обозначающие объекты и свойства, можно перемещать для изменения выполняемых объектами действий. Это игра показывает, как замена переменных может повлиять на код. #игры

Реализуем секундомер с использованием JavaScript. Сложность - СРЕДНЕ Языки - HTML, JS 🖥 Читать статью 🖥 Если есть вопросы по коду, писать сюда @WebLabFeedBackBot #javascript #html

Embla Carousel - лёгкая библиотека для создания слайдеров-каруселей на JavaScript. Она позволяет создавать отзывчивые и адаптивные, кастомизируемые карусели. Есть большое количество готовых шаблонов. #css #javascript #html