Всем привет! Сегодня разберёмся, как создать и анимировать простое меню для сайта на Html, Css и JS!
Анимировать меню будем с помощью свойства transform, благодаря которлму мы сместим элементы при нажатии на кнопку.
🔥 — если было полезно
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥110👍14🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Псевдокласс
:required
в CSS используется для стилизации элементов формы, которые имеют атрибут required
. Это означает, что элемент должен быть заполнен перед отправкой формы.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍52🔥21
•
slice
— возвращает новый массив, который содержит копию части массива, не изменяя сам оригинальный массив. Он принимает два аргумента: начальный индекс и конечный индекс.•
splice
— изменяет оригинальный массив, удаляя или добавляя элементы. Он принимает три аргумента: начальный индекс, количество удаляемых элементов и элементы, которые нужно добавить. 🔥 — если было полезно
🤝 — если уже пользовался
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥82🤝37👍14
This media is not supported in your browser
VIEW IN TELEGRAM
Carbon — это онлайн-инструмент, позволяющий разработчикам создавать красивые скрины кода. Он также поддерживает различные темы, шрифты и настройки.
📌 Ссылочка: carbon.now.sh
📣 Code Ready | #ресурс
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥27👍8
This media is not supported in your browser
VIEW IN TELEGRAM
Плагин позволяет строить множество различных диаграмм, связанных с вашим кодом рядом с проектом.
Для использования нужно просто создать файл в формате .drawio, где будет доступен интерфейс, который почти идентичен веб-версии.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥36👍17
📖 Программирование на Javascript
⬇️ Скачать книгу
📣 Code Ready | #книга
Комплексное руководство, в котором рассматриваются ключевые аспекты JavaScript, такие как синтаксис, работа с объектами и функциями, а также основы взаимодействия с веб-технологиями.
Автор: Васильев А.Н.
Год: 2017
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥18👍7😁2🤝2
Свойство
list-style-image
позволяет задать изображение в качестве маркера для элементов списка <ul> и <ol>. Позволяет заменить стандартные маркеры на графические элементы, что может сделать списки более привлекательными.Возможные значения свойства:
• url — указывает путь к изображению, которое будет использоваться в качестве маркера.
• none — убирает маркеры списка, если изображение не нужно.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍33🔥12
This media is not supported in your browser
VIEW IN TELEGRAM
✅ Горячие клавиши для быстрой верстки
• Alt + ↑ / ↓ — Переместит строку с курсором вверх или вниз, в зависимости от комбинации клавиш.
• Alt — множественный ввод. Поможет написать одно и то же сразу в нескольких местах.
• Shift + Tab — Удаляет отступы.
📣 Code Ready | #клавиши
• Alt + ↑ / ↓ — Переместит строку с курсором вверх или вниз, в зависимости от комбинации клавиш.
• Alt — множественный ввод. Поможет написать одно и то же сразу в нескольких местах.
• Shift + Tab — Удаляет отступы.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍53🔥18😁2👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Это атрибут, с помощью которого можно задать ширину поля <input> в символах или количество видимых опций списка в случае <select>.
Значения атрибута size — это положительные целые числа, определяющие количество символов или строк в соответствующих элементах.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥30👍20
Set — коллекция уникальных значений любого типа данных. Используется для хранения уникальных элементов в произвольном порядке.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍36🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Flex Generator — онлайн-инструмент, который позволяет визуально настраивать и генерировать код для CSS Flexbox, упрощая создание гибких макетов.
📌 Ссылочка: cssflex-generator.netlify
📣 Code Ready | #ресурс
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥31👍10😁3👎1
Привет! Сегодня мы создадим один из важнейших элементов на любом сайте — popup-окно.
Основополагающим свойством для его создания является свойство display, с помощью которого мы будем управлять видимостью элемента на странице.
🔥 — если было полезно
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥73👍10🤝2