This media is not supported in your browser
VIEW IN TELEGRAM
Keycode — интерактивный инструмент для быстрого поиска кода клавиши, которую вы нажимаете.
⛓ Ссылочка: keycode.com
📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍15🤝3
This media is not supported in your browser
VIEW IN TELEGRAM
• Ctrl + Backspace — Удаляет всё слово стоящее перед курсором.
• Ctrl + Shift + ← / → — выделит слова после или перед курсором.
• Ctrl + D — множественное редактирование. Изменит одинаковый код сразу в нескольких местах.
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍22🔥8
Свойство flex-wrap в CSS позволяет управлять переносом элементов в контейнерах с использованием Flexbox.
Оно может принимать следующие значения:
• nowrap — элементы располагаются в одну строку, без переноса.
• wrap — элементы переносятся на новую строку, если не помещаются.
• wrap-reverse — элементы переносятся на новую строку, но в обратном порядке.
Это свойство помогает гибко управлять расположением элементов, обеспечивая адаптивность дизайна.
Code Ready | #свойство #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20🔥5
Всем привет! Сегодня разберём, как создать кнопку "Наверх", которая появляется при прокрутке страницы вниз и возвращает пользователя в начало страницы.
Мы сделаем так, чтобы кнопка появлялась плавно, исчезала с анимацией, а при нажатии на неё страница прокручивалась наверх с эффектом плавного скролла.
🔥 — если было полезно
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥114🤝30👍13
This media is not supported in your browser
VIEW IN TELEGRAM
CodeRun — платформа для решения задач от Яндекса. Все задачи распределены по таким направлениям как фронтенд, бэкенд, машинное обучение, аналитика данных и мобильная разработка. Каждая задача имеет свой уровень сложности.
⛓ Ссылочка: coderun.yandex.ru
📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15👎4🔥4
Flexbox — позволяет контролировать размер, порядок и выравнивание элементов по нескольким осям, распределение свободного места между элементами и многое другое.
Реально полезная тема, поэтому даю вам очень крутую шпаргалку для ее изучения, пользуемся)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥28👍16
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Peek — это плагин для VS Code, который позволяет легко находить и просматривать CSS-стили, связанные с HTML-классами и элементами. Он предоставляет возможность мгновенно перейти к определению стилей в CSS-файлах, улучшая скорость разработки и упрощая управление стилями.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍33🔥6
👍22🔥4👎3
📖 React быстрый старт
⬇️ Скачать книгу
📣 Code Ready | #книга
Практическое руководство, которое позволяет быстро освоить основы библиотеки React и начать создавать интерактивные веб-приложения.Автор: Стоян Стефанов
Год: 2023
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Позволяет сделать элемент на веб-странице редактируемым пользователем, позволяя вводить и изменять текст.
Он имеет два значения:
• contenteditable="true" — включает редактирование текста.
• contenteditable="false" (по умолчанию) — отключает редактирование текста.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥27👍13
This media is not supported in your browser
VIEW IN TELEGRAM
Свойство overflow в CSS определяет, как браузер обрабатывает содержимое, выходящее за пределы элемента.
Оно принимает следующие значения:
• visible — содержимое выходит за границы элемента (значение по умолчанию).
• hidden — обрезает лишнее содержимое, скрывая его.
• scroll — добавляет прокрутку, даже если она не нужна.
• auto — добавляет прокрутку только тогда, когда содержимое превышает размеры элемента.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥7
Всем привет! Сегодня научимся создавать кнопку с плавным эффектом изменения формы при наведении. Наша кнопка начнет в виде круга, а при наведении превратится в стильный прямоугольник с закругленными углами.
Для создания эффекта морфинга мы настроим анимацию с помощью свойства transition и будем изменять размеры кнопки, радиус скругления и цвет фона. Добавим немного теней, чтобы кнопка выглядела объёмной и привлекала внимание.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥18👍13🤝5👎2