uz
Feedback
Фронтенд Гайд

Фронтенд Гайд

Kanalga Telegram’da o‘tish

Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6

Ko'proq ko'rsatish
7 857
Obunachilar
-2524 soatlar
-297 kunlar
-8030 kunlar
Postlar arxiv
CSS вопрос: Изменение какого свойства возможно сделать плавным с помощью transition?
Anonymous voting

🖥 Flipping Neon - Анимированная сцена, выполненная на чистом CSS, без использования JavaScript

CSS вопрос: border-radius (с корректным положительным числовым значением) применили к элементу. Будут ли у нативного outline этого элемента скругленные углы?
Anonymous voting

photo content

HTML. С помощью какого тега можно указать ключевые слова для поисковиков?
Anonymous voting

Folded Paper Login Form - Форма входа в систему в виде сложенной бумаги, реализованная на чистом CSS.

photo content

HTML. Какой атрибут у button отвечает за текст на кнопке?
Anonymous voting

photo content

CSS. Какое правило позволяет подключать сторонние шрифты?
Anonymous voting

Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специал
+9
Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специалистов. Теперь любой желающий может попробовать себя в IT с полного нуля и начать обучение бесплатно! Узнайте про дальнейшее трудоустройство в ведущие IT-компании для восполнения кадрового дефицита. Для этого нужно: - Перейти по ссылке - Заполнить анкету и ответить на вопросы (занимает менее 3 минут) - На основании ваших ответов вы сразу узнаете, подходит ли вам сфера IT и сможете ли вы в ней работать Перейти на сайт #реклама 16+ urban-university.ru О рекламодателе

Как расшифровывается css ? Спросят с вероятностью 7% CSS расшифровывается как Cascading Style Sheets, что в переводе означает "каскадные таблицы стилей". Давайте рассмотрим каждый элемент этого термина: 1️⃣Cascading (каскадные): Этот термин указывает на то, что стили применяются к элементам HTML в определенном порядке приоритетов. Когда стили конфликтуют (например, когда одно и то же свойство задано несколькими стилями), CSS использует каскадные правила для разрешения этих конфликтов. Эти правила включают: ✅Специфичность селекторов (различные типы селекторов имеют разный приоритет). ✅Порядок расположения в коде (последний стиль имеет больший приоритет). ✅Использование ключевого слова !important (приоритет выше всех обычных правил). 2️⃣Style (стили): Стили определяют, как должны выглядеть элементы HTML на веб-странице. Это включает в себя множество свойств, таких как цвета, шрифты, размеры, расположение, отступы и многие другие аспекты внешнего вида. 3️⃣Sheets (таблицы): CSS-правила обычно хранятся в файлах, которые называются таблицами стилей. Эти файлы могут быть внешними (подключенными к HTML-документу через элемент <link>), встроенными (внутри элемента <style> в самом HTML-документе) или инлайновыми (непосредственно в атрибутах стиля HTML-элементов). Вот пример CSS, который показывает использование каскадных таблиц стилей для стилизации HTML-документа:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS Example</title>
  <link rel="stylesheet" href="styles.css">
  <style>
    .inline-style {
      color: red;
    }
  </style>
</head>
<body>
  <h1 class="heading inline-style">Hello, World!</h1>
  <p>This is a paragraph.</p>
</body>
</html>

Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специал
+9
Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специалистов. Теперь любой желающий может попробовать себя в IT с полного нуля и начать обучение бесплатно! Узнайте про дальнейшее трудоустройство в ведущие IT-компании для восполнения кадрового дефицита. Для этого нужно: - Перейти по ссылке - Заполнить анкету и ответить на вопросы (занимает менее 3 минут) - На основании ваших ответов вы сразу узнаете, подходит ли вам сфера IT и сможете ли вы в ней работать Перейти на сайт #реклама 16+ urban-university.ru О рекламодателе

photo content

🖥 Изящные карточки с эффектом 3D-подъёма.

🤔 Вопрос: Какой объект JavaScript предоставляет методы для манипулирования адресом URL текущего окна браузера?
Anonymous voting

🖥 reveal.js — open-source фреймворк для создания HTML-презентаций Фреймворк обладает мощным набором функций, включая поддержку Markdown, возможность создания анимаций, экспорт в PDF, наличие заметок для докладчика, поддержку верстки в LaTeX, код с подсветкой синтаксиса и удобный API.

CSS 3D Template Анимация куба, при наведение можно изменять расположение, написана на чистом CSS.

CSS. Какое свойство позволяет принудительно указать наличие вертикальной прокрутки у элемента?
Anonymous voting

⚡️ Demo:Input Field Animation Floating Label | HTML & CSS При вводе данных поле становится объёмным.