This media is not supported in your browser
VIEW IN TELEGRAM
Он используется для создания интерактивного раскрывающегося элемента, который позволяет пользователям скрывать или отображать дополнительную информацию.
Для корректной работы интерактивного элемента его заголовок помещается в тег summary. Он обеспечивает визуальную подсказку о наличии скрытого контента и служит удобным способом организации информации на веб-страницах.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍48🔥13
This media is not supported in your browser
VIEW IN TELEGRAM
Flexer — это CSS-песочница, в которой можно легко сгенерировать и расположить блоки. Нужно просто задать размеры и отступы элементам, а сайт сгенерирует CSS-код с flexbox.
⛓ Ссылочка: https://www.flexer.dev/
📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍45🔥16👎1
Flexbox - позволяет контролировать размер, порядок и выравнивание элементов по нескольким осям, распределение свободного места между элементами и многое другое.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍37🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
px to rem — плагин, который позволяет с лёгкостью изменить единицы измерения px в rem. Нужно просто выделить нужный участок кода и нажать Alt + Z.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥38👍10
Array.prototype.reduce() — это метод массивов в JavaScript, который выполняет функцию редукции на каждом элементе массива, преобразуя его в одно значение. Он принимает два аргумента: функцию обратного вызова и необязательное начальное значение аккумулятора.
Редукция в JavaScript — это процесс преобразования массива в одно значение с использованием метода `reduce()`, который применяет заданную функцию к каждому элементу массива, аккумулируя результаты в одно итоговое значение, например, сумму, произведение или объект.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍25🔥9
📖 Javanoscript с нуля
⬇️ Скачать книгу
📣 Code Ready | #книга
Книга предназначена для начинающих программистов и предлагает пошаговое руководство по освоению основ языка JavaScript и его применения в веб-разработке.Автор: Чиннатхамби К
Год: 2021
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
hcdev — справочник по HTML, CSS и JS, который содержит в себе актуальные знания по всем технологиям, предназначенных для фронтенд-разработки.
⛓ Ссылочка: https://hcdev.ru/
📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥9
Вёрстка сайта по макету из Figma 2024 — плейлист, состоящий из 8 практических уроков, в которых вы с нуля сверстаете сайт, используя готовый дизайн из программы Figma.
📣 Code Ready | #курс
Ссылочка на курс: YouTube🖤
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23👍8
This media is not supported in your browser
VIEW IN TELEGRAM
Плагин для VS Code, который позволяет просматривать стили CSS в реальном времени, отображая визуальный результат изменений прямо в редакторе.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥70👍17👎1
🔥19👍10👎5😁3
This media is not supported in your browser
VIEW IN TELEGRAM
С помощью draggable можно создать интерактивные элементы на веб-странице, которые пользователи смогут перетаскивать.
Он имеет два значения:
• draggable="true" — элемент можно перетаскивать.
• draggable="false" — элемент нельзя перетаскивать.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍45🔥17👎2
This media is not supported in your browser
VIEW IN TELEGRAM
Webcode,tools — это онлайн-инструмент для генерации и настройки различных HTML, CSS и JS кода, который помогает разработчикам быстро создавать веб-элементы и видеть результаты в реальном времени.
⛓ Ссылочка: https://webcode.tools/
📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20🔥8
This media is not supported in your browser
VIEW IN TELEGRAM
Свойство caret-color в CSS позволяет управлять цветом мигающего курсора в текстовых полях, таких как <input>, <textarea> и элементы с атрибутом contenteditable.
Оно может принимать различные цветовые значения:
• Стандартный цвет — red, blue...
• HEX-коды — #ff0000, #00ff00
• RGB — rgb(255, 0, 0)
• HSL — hsl(120, 100%, 50%)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍60🔥13
📖 JavaScript. Полное руководство
⬇️ Скачать книгу
📣 Code Ready | #книга
Книга предлагает всестороннее изучение языка JavaScript, включая его базовые и продвинутые аспекты, с множеством примеров и практических рекомендаций.Автор: Дэвид Флэнаган
Год: 2021
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥41👍12
This media is not supported in your browser
VIEW IN TELEGRAM
JSRobot — небольшая игра, в которой вам предстоит управлять роботом с помощью Javanoscript для преодоления препятствий и решения головоломок.
⛓ Ссылочка: https://lab.reaal.me/jsrobot/
📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥13
👍14🔥8
This media is not supported in your browser
VIEW IN TELEGRAM
Плагин для VS Code, который позволяет просматривать векторные изображения прямо в редакторе кода.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍48🔥8👎1😁1
Плейлист из 11 уроков, в котором вы последовательно познакомитесь с фундаментальными основами языка Javanoscript. Благодаря этому курсу вы научитесь писать свои первые веб-приложения.Ссылочка на плейлист: YouTube🖤
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥9
В чём разница между margin и padding в CSS?
Ответ:
Это два свойства CSS, которые определяют отступы, но они имеют разные функции и применяются в разных случаях.
• margin — внешний отступ, который создает пространство вокруг элемента, отделяя его от других элементов. Он влияет на расстояние между элементами и может быть использован для управления их расположением на странице.
• padding — внутренний отступ, который создает пространство между содержимым элемента и его границей. Он влияет на область внутри элемента, увеличивая расстояние между текстом, изображениями и краями элемента.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥37👍21