Web Skills - это набор полезных навыков, которым можно научиться в качестве веб-разработчика. Этот сайт полезен для людей, которые только начали изучать веб-разработку, а также для людей, которые работают в этой области уже много лет и хотят узнать что-то новое.

#полезныйресурс

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

#css #javascript #html

Реализуем секундомер с использованием JavaScript.

Сложность - СРЕДНЕ
Языки - HTML, JS

🖥 Читать статью 🖥

Если есть вопросы по коду, писать сюда @WebLabFeedBackBot

#javascript #html

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

#игры

Создаём русскую матрицу.

Сложность - ЛЕГКО
Языки - HTML, JS, CSS

🖥 Читать статью 🖥

Если есть вопросы по коду, писать сюда @WebLabFeedBackBot

#html #javascript #css

Реализуем простое, но необычное боковое меню.

Сложность - ЛЕГКО
Языки - HTML, JS, CSS

🖥 Читать статью 🖥

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

Если есть вопросы по коду, писать сюда @WebLabFeedBackBot

#css #javascript #html

CSS Button Generator - css генератор кнопок для сайтов

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

#полезныйресурс #css

Создаем неоновый текст с помощью CSS.

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

#css #html #полезныйресурс

Fancy Border Radius - инструмент для генерации сложной фигуры.

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

#полезныйресурс #css

Тег <canvas>.

Создает область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи тега <canvas> можно создавать рисунки, анимацию, игры и др.

Синтаксис
<canvas id="идентификатор"> </canvas>

Атрибуты
height - Задает высоту холста. По умолчанию 300.
width - Задает ширину холста. По умолчанию 150.

Обязателен закрывающий тег.

#html #javascript

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

Полный код проекта присутствует.

#полезныйресурс #css #javascript #html

Недавно вышел Notepad++ 8 — это крупное обновление редактора за последние 5 лет.

Появилась поддержка ARM64-архитектуры и наконец-то исправили ряд проблем, преследовавших приложение последние релизы.

Скачать и почитать подробнее об изменениях

Stack game - игра жанра построй башню.

Игра сделана на JavaScript с использованием библиотек Three.js и Cannon.js.

Полный код проекта присутствует.

#javascript #css #html #полезныйресурс

Three.js - библиотека для создания 3D графики, которая открывает невероятные возможности для создания графики в браузерах.

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

#javascript #полезныйресурс