Помогите решить задачу по HTML
Помогите пожалуйста решить задачу по html (необходимо исправить ошибки):
После того, как я исправил ошибки, получилось то, что показано на картинке нижу, но пишет что неправильно.
Помогите пожалуйста решить задачу по html (необходимо исправить ошибки):
После того, как я исправил ошибки, получилось то, что показано на картинке нижу, но пишет что неправильно.
Всем привет, новое видео от меня!
Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.
CodePen: https://codepen.io/crazycoding21/pen/WNjdMgY
GitHub: https://github.com/CrazyCoding21/CC-JavaScript-39-Simple-Cal...
Всем привет, новое видео от меня!
Создаем анимированный прелоадер на чистом HTML + CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Данное решение подойдет под большинство сайтов, где необходим прелоадер. Анимацию можно адаптировать под себя точно также как размер, цвет и форму фигур.
Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.
CodePen: https://codepen.io/crazycoding21/pen/LYyjVWQ
GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-20-Loading-Anim...
Всем привет, новое видео от меня!
Создаем слайдер изображений на чистом HTML + CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Можно использовать на любом сайте для реализации слайдера с картинками.
Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются.
CodePen: https://codepen.io/crazycoding21/pen/KKmVKmX
GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-17-Image-Slider...
Всем привет, новое видео от меня!
Создаем эффект при наведении на шестиугольник с картинкой на чистом HTML + CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Можно использовать для оригинальной подачи контента на сайте. Добавить в шестиугольник можно любое изображение.
Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются.
CodePen: https://codepen.io/crazycoding21/pen/MWmYoOR
GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-15-Hexagon-Imag...
https://youtu.be/VA4ZabHQt_M
Реально задолбался искать нормально расширение для конвертации простых тэгов <img> в <picture><source srcset=...>
Некоторые пакеты NPM, для GULP, банально не обрабатывали HTML тэги, которые заканчивались <img... />.
Другие, тупо вставляли неправильные шаблоны.
И о чудо! Меня спас вот этот пакет https://www.npmjs.com/package/gulp-xv-webp-html
На входе:
<img class="lazyload" src="/images/Image.jpg" width="100" height="100">
На выходе:
<picture>
<source srcset="/images/Image.webp" type="image/webp">
<source srcset="/images/Image.jpg" type="image/jpeg">
<img class="lazyload" src="images/Image.jpg" width="100" height="100">
</picture>
То что доктор прописал!!!
Пакет gulp-xv-webp-html
Всем привет, новое видео от меня!
Создаем эффект неонового свечения на тексте на чистом HTML + CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Можно применять для создания оригинальных заголовков на любом сайте. Легко поменять цвет свечения, скорость движения линии, которая скрывает текст, размер текста и т.д. Полностью гибкое решение.
Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.
CodePen: https://codepen.io/crazycoding21/pen/VwpXxwj
GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-6-Neon-Text-Eff...
Всем привет, новое видео от меня! Создаем эффект падения звезд на чистом HTML/CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Сам эффект можно адаптировать под себя увеличив количество элементов, изменив их внешний вид, цвет и прочее. Также можно легко настроить саму анимацию движения "звезд" как вам захочется.
Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.
CodePen: https://codepen.io/crazycoding21/pen/GRWEJNO
GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-3-Flying-Stars-...
Мы постарались сделать каждый город, с которого начинается еженедельный заед в нашей новой игре, по-настоящему уникальным. Оценить можно на странице совместной игры Torero и Пикабу.
Реклама АО «Кордиант», ИНН 7601001509