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

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

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

Создаём изображение с прозрачным фоновым текстом.

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

ШАГ 1
Добавляем HTML:

<img src="WebLab.jpg" alt="Photo" style="width:100%;">

WebLab

Подпишись на канал WebLab | Веб-разработка

ШАГ 2
Добавляем CSS:



#css #html

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

🧩 Flexbox Froggy

🧩 Flexbox Defense

🧩 Grid Garden

🧩 CSS Diner

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

#css #игры

Создаём конвертер длины, в нашем случае из миль в километры.

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

ШАГ 1
Добавляем HTML:

Конвертер длины Миль в Километры

Миль

Километры:

ШАГ 2
Добавляем JavaScript:

<script>
function Converter(Num) {
document.getElementById("Km").innerHTML=Num/0.62137;
}
</script>

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

#javascript #html

​CSS Gradient - генератор градиентов

Бесплатный инструмент, который позволяет создавать градиентный фон. Помимо этого, он включает в себя необходимые настройки: тип, количество переходов, их позиции, HEX/RGBA кодировки цветов, угол наклона и прозрачность. Результат отображается ниже в виде CSS стилей градиента. Так же имеется совместимость с IE6+

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

Навигация по каналу.

Кликай по хэштегу, чтобы перейти к посту, который опубликован на канале с данным хэштегом.

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

Тег

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

. Внутри допустимо использовать следующие элементы: , , , , и . Синтаксис , , , Текст Атрибуты align - Определяет выравнивание таблицы background - Задает фоновый рисунок в таблице bgcolor - Цвет фона таблицы border - Толщина рамки в пикселах bordercolor - Цвет рамки cellpadding - Отступ от рамки до содержимого ячейки cellspacing - Расстояние между ячейками cols - Число колонок в таблице frame - Сообщает браузеру, как отображать границы вокруг таблицы height - Высота таблицы rules - Сообщает браузеру, где отображать границы между ячейками summary - Краткое описание таблицы width - Ширина таблицы #теги #html Изображение Web Lab | Веб разработка : 716 | на пост: 185 | ER: 25.9% Публикации Упоминания Аналитика 2021-05-19 19:00:48 | Показать пост 238 0 Вопрос от подписчика. Решаем: Задаем 2 переменные: point и answer. Функция prompt вызывает окно с вопросом и поле для ввода ответа. Введенный ответ попадает в переменную answer. Программа сравнивает данный ответ с правильным. Если ответ правильный, то программа пойдет по одной ветке, в противном случае программа пойдет по другой ветке. Наш код: <script> let point = 0; let answer = ""; answer = prompt("В каком году был создан язык JavaScript?"); if (answer == "1995"){ alert("Верно"); point++ }else{ alert("Неверно!"); } answer = prompt("Создатель языка JavaScript?"); if (answer == "Брендан Айк"){ alert("Верно"); point++ } else{ alert("Неверно!"); } alert("Вы набрали: " + point + " баллов"); </script> Если есть вопросы по коду, писать сюда @WebLabFeedBackBot Изображение Web Lab | Веб разработка : 716 | на пост: 185 | ER: 25.9% Публикации Упоминания Аналитика 2021-05-18 23:15:04 | Показать пост 208 0 Chart.js — библиотека JavaScript, которая позволяет быстро и удобно создавать различные графики и диаграммы на сайте, используя Canvas. #полезныйресурс Изображение Web Lab | Веб разработка : 716 | на пост: 185 | ER: 25.9% Публикации Упоминания Аналитика 2021-05-17 14:51:46 | Показать пост 232 0 Web Lab | Веб разработка : 716 | на пост: 185 | ER: 25.9% Публикации Упоминания Аналитика 2021-05-16 15:55:00 | Показать пост 250 0 Орёл или решка? Сложность - ЛЕГКО Языки - HTML, JS ШАГ 1 Добавляем HTML: Подбросить монетку Выпало: ШАГ 2 Добавляем JavaScript: document.getElementById('click').onclick = click; var orel = 0; var reshka = 0; function click() { x = (Math.floor(Math.random() * 2) == 0); if(x){ flip("Орёл"); }else{ flip("Решка"); } }; function flip(coin) { document.getElementById("result").innerHTML = coin; }; Если есть вопросы по коду, писать сюда @WebLabFeedBackBot #javascript #html Изображение Вся музыка мира бесплатно! Телеграм-бот для прослушивания твоей любимой музыки, последние самые популярные хиты только у нас Слушать 1 2 Найдено 36 постов 2018-2020 © telemetr.me abuse: [email protected]