CrazyCoding

CrazyCoding

На Пикабу
282 рейтинг 39 подписчиков 0 подписок 16 постов 3 в горячем
4

Эффект при наведении на элементы меню CSS

Всем привет! Мое новое видео о том как сделать эффект при наведении на элементы меню на чистом HTML и CSS. Пример можно использовать для стилизации элементов меню при наведении. Есть возможность стилизовать навигацию и сам эффект по своему усмотрению. Также можно изменить анимацию.


jsFiddle: https://jsfiddle.net/CrazyCoding21/wtu54znk/1/

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-56-Menu-Hover-E...


Важно! Это не уроки! Это примеры реализации различных решений, которые изначально я делал для практики, а затем решил попробовать вести YouTube канал, чтобы было больше стимула развиваться в Вебе. Вы тоже можете попробовать сделать тоже самое или забрать готовый код на свой проект. Буду благодарен за любые реакции тут, а также подписки, лайк и прочее на YouTube)

12

Эффект Плавающего Текста на HTML/CSS

Всем привет! Мое новое видео о том как сделать эффект плавающего текста на CSS. Пример можно использовать для анимирования любого текста на сайте. Есть возможность стилизовать текст и изменить анимацию под себя.


jsFiddle: https://jsfiddle.net/CrazyCoding21/a52cu4fs/1/

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-54-Floating-Tex...


Важно! Это не уроки! Это примеры реализации различных решений, которые изначально я делал для практики, а затем решил попробовать вести YouTube канал, чтобы было больше стимула развиваться в Вебе. Вы тоже можете попробовать сделать тоже самое или забрать готовый код на свой проект. Буду благодарен за любые реакции тут, а также подписки, лайк и прочее на YouTube)

8

Эффект Горящего Текста CSS

Всем привет, новое видео от меня!


Создаем Эффект Горящего Текста на чистом HTML и CSS. Пример можно использовать для стилизации заголовков на сайте или любого другого важного текста на странице. Есть возможность стилизовать текст под себя, изменить шрифт, анимацию пламени и его цвет.

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


jsFiddle: https://jsfiddle.net/CrazyCoding21/051osmuw/1/

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-53-Fire-Text-Ef...


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики.

Показать полностью 1
8

Анимированный текст интро HTML CSS

Всем привет, новое видео от меня!


Создаем анимацию для текста интро на чистом HTML и CSS. Пример можно использовать для стилизации заголовков на любом сайте. Есть возможность изменить стиль текста, шрифт и настроить под себя анимацию движения заголовка.


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!).


jsFiddle: https://jsfiddle.net/CrazyCoding21/cf9n357a/1/

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-42-Intro-Text-A...

10

Расширяющиеся карточки JavaScript

Всем привет, новое видео от меня!

Создаем расширяющиеся карточки на чистом JavaScript HTML/CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Можно использоваться для блоков с какими-то изображениями.

Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!).

jsFiddle: https://jsfiddle.net/CrazyCoding21/03n81pjk/3/
GitHub: https://github.com/CrazyCoding21/CC-JavaScript-48-Expanding-...

15

Простой календарь на JavaScript

Всем привет, новое видео от меня!


Создаем простой календарь на чистом JavaScript HTML/CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Можно использовать в качестве виджета на любом сайте. При необходимости календарь на чистом JS можно стилизовать под себя.


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.


CodePen: https://codepen.io/crazycoding21/pen/WNjdMgY

GitHub: https://github.com/CrazyCoding21/CC-JavaScript-39-Simple-Cal...

17

Анимированный прелоадер HTML CSS

Всем привет, новое видео от меня!


Создаем анимированный прелоадер на чистом HTML + CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Данное решение подойдет под большинство сайтов, где необходим прелоадер. Анимацию можно адаптировать под себя точно также как размер, цвет и форму фигур.


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.


CodePen: https://codepen.io/crazycoding21/pen/LYyjVWQ

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-20-Loading-Anim...

Показать полностью 1
14

Карточки с градиентом HTML CSS

Всем привет, новое видео от меня!


Создаем карточки с градиентом на чистом HTML + CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Креативное оформление для карточек на вашем сайте. Можно поменять размер, цвета в градиенте и анимацию.


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.


CodePen: https://codepen.io/crazycoding21/pen/oNWLNeP

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-19-Gradient-Bor...

Показать полностью 1
Отличная работа, все прочитано!