WOW.js - библиотека для создания анимаций при прокрутке.

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

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

Dropdown Menu - выпадающее меню, которое можно использовать для перехода в нужную соцсеть.

Стоит отметить стилизацию курсора, который меняется в зависимости от выбора соцсети.

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

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

Yet another slider - вертикальный слайдер, который составляет новое изображение с помощью нескольких вертикальных полос.

Проект сделан с использованием LESS и JavaScript.

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

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

ТОП-5 популярных технологий для создания сайтов

Статья проста и понятна, помогает ответить на вопросы: как устроена веб-разработка? из чего состоит полноценный сайт?

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

Neumorphic Elements - подборка готовых и анимированных элементов для сайта.

Для работы нужно всего лишь скопировать.

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

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

Interactive Quiz - интерактивная викторина на JavaScript.

Интересный и привлекательный вариант готовой викторины для вашего сайта.

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

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

CSS Layout - собрал в себе огромное количество готовых макетов и шаблонов, созданных с помощью CSS.

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

Keyboard Hero - тренажёр печати.

Интересный и красивый проект, для изучения код.

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

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

Серия книг-бестселлеров от Кайла Симпсон для изучения языка JavaScript с нуля. Оригинальное название: You don’t know JS.

Отличная серия книг, которая рассказывает и объясняет все тонкости языка от простого к сложному. Материал подаётся понятным языком. Подойдёт как новичкам, так и опытным разработчикам.

Рекомендую начать с книги «Замыкания и объекты».

#javascript

Генератор случайных паролей

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

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

Cleave.js - библиотека, которая поможет автоматически форматировать вводимый текстовый контент.

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

The Chameleon from Null Island

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

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

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

Developer-roadmap - дорожная карта веб-разработчика

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

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

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

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

🧩Читать статью 🧩

Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot

#html #javascript #css

Удивляем женский пол! Создаём бьющееся сердце.

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

❤️Читать статью❤️

Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot

#html #css

CSS Layout - собрал в себе огромное количество готовых макетов и шаблонов, созданных с помощью CSS.

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

Узнайте, как сделать классическую змейку в браузере

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

🐍Читать статью🐍

Если есть вопросы или пожелания, писать сюда @WebLabFeedBackBot

#html #javascript #css

🖥Диалоговые окна в JavaScript: методы alert, prompt, confirm.

В языке JavaScript существует 3 стандартных метода для ввода и вывода данных:

Alert – вызывает диалоговое окно с текстом и имеет кнопку ОК.

alert("Подпишись на канал WebLab!");

Prompt - вызывает диалоговое окно, которое содержит поле ввода. Можно вводить строки и значения.

var result = confirm("Вы подписались на канал WebLab?");

Confirm - вызывает диалоговое окно с текстом и двумя кнопками: Cancel и OK.

var userName = prompt("Пожалуйста, введите ваше имя:");

#javascript #учись