Сегодня среда и это значит, что прошла половина недели и пришло время для небольшой практической задачки по вёрстке!
Сверстайте блок в трёх разрешениях (desktop, tablet, mobile) по макету.
Получившийся блок можно добавить в собственный сниппет и использовать при необходимости.
Макет: https://sc.link/BGX.
Загружайте код на codepen.io и делитесь результатами в комментариях!
Сверстайте блок в трёх разрешениях (desktop, tablet, mobile) по макету.
Получившийся блок можно добавить в собственный сниппет и использовать при необходимости.
Макет: https://sc.link/BGX.
Загружайте код на codepen.io и делитесь результатами в комментариях!
Figma
HTML&CSS&JS tasks
Created with Figma
Как расшифровывается аббревиатура HTML?
Anonymous Quiz
4%
HeadText Modulation Language
4%
HeadingText Mode Language
91%
HyperText Markup Language
1%
Посмотреть ответы
У какого из двух селекторов большая специфичность (вес селектора)?
Anonymous Quiz
59%
#object h2::first-letter
38%
body .item div h2:hover::first-letter
3%
Посмотреть ответы
Какое из перечисленных ниже слов не является зарезервированным словом в JavaScript?
Anonymous Quiz
22%
default
12%
undefined
26%
throw
35%
finally
5%
Посмотреть ответы
Какую роль выполняет !DOCTYPE ?
Anonymous Quiz
84%
Он предназначен для указания типа текущего документа
3%
Это открывающий тег, используемый для объявления заголовков
5%
Это элемент, который говорит браузеру, о том что эта страница главнее остальных
7%
Устаревшее написание, в новом стандарте этот элемент не используют
1%
Посмотреть ответы
С каждым днём наш канал растёт и мы решили собрать фидбек по контенту, который вам хотелось бы видеть на канале.
Anonymous Poll
67%
Хочу решать ещё больше тестов
18%
Хочу получать готовые сниппеты, а не макеты
44%
Хочу смотреть полезные видео по разработке
10%
Хочу чтобы создали чат подписчиков
6%
Не хочу решать практические задачи по вёрстке и кодингу
5%
Не хочу читать про плагины
22%
Меня всё устраивает на канале
1%
Другое (напишу в комментариях)
Какое из свойств не влияет на размер блока которому задают свойства?
Anonymous Quiz
28%
content
12%
padding
34%
outline
12%
margin
11%
border
2%
Посмотреть ответы
Что выведется в консоли?
Anonymous Quiz
62%
Задачи по HTML&CSS&JS
22%
undefined
8%
Ошибка
8%
Посмотреть ответы
Существует ли у тега input закрывающий тег в синтаксисе HTML?
Anonymous Quiz
21%
Да
77%
Нет
2%
Посмотреть ответы
Что из перечисленных не является допустимой единицей в CSS?
Anonymous Quiz
11%
ch
3%
px
26%
dpcm
42%
turn
8%
ems
8%
Посмотреть ответы
Суббота - прекрасный день, чтобы немного попрактиковаться в вёрстке.
Мы сделали небольшую страничку об океанах в которой допустили некоторое количество ошибок в html-структуре.
Перед вами стоит задача: сделать ревью кода и найти все ошибки!
Ссылка на задание: https://codepen.io/dahtess/pen/xxgMWoQ
Свои ответы выкладывайте на codepen.io и делитесь ссылкой в комментариях!
Мы сделали небольшую страничку об океанах в которой допустили некоторое количество ошибок в html-структуре.
Перед вами стоит задача: сделать ревью кода и найти все ошибки!
Ссылка на задание: https://codepen.io/dahtess/pen/xxgMWoQ
Свои ответы выкладывайте на codepen.io и делитесь ссылкой в комментариях!
Можно ли в строчные элементы вкладывать блочные?
Anonymous Quiz
30%
Нельзя. Это не семантичная верстка
26%
Можно. На семантику это не влияет
33%
Можно, но это влияет на семантику
6%
Нет необходимости
5%
Посмотреть ответы
Какое значение свойства display установлено по умолчанию у HTML-элемента div?
Anonymous Quiz
14%
inline
7%
inline-block
75%
block
1%
list-item
2%
Посмотреть ответы
Какой метод разбивает строку на массив строк, используя заданный разделитель?
Anonymous Quiz
3%
filter( )
79%
split( )
8%
map()
7%
reduce()
3%
Посмотреть ответы
Сегодня воскресенье и это значит, что перед началом рабочей недели пора узнать новый полезный плагин для VS Code!
htmltagwrap
Плагин, который позволяет нажатием двух кнопок обернуть выделенный текст в нужный вам тег.
Это бывает удобно, когда копируется текст из документа.
Больше не нужно заранее готовить теги для того, чтобы вставить в них текст.
htmltagwrap
Плагин, который позволяет нажатием двух кнопок обернуть выделенный текст в нужный вам тег.
Это бывает удобно, когда копируется текст из документа.
Больше не нужно заранее готовить теги для того, чтобы вставить в них текст.
Visualstudio
htmltagwrap - Visual Studio Marketplace
Extension for Visual Studio Code - Wraps selected code with HTML tags
Какой из вариантов описан с ошибкой?
Anonymous Quiz
9%
<ol type="A">
37%
<ol type="i">
10%
<ol type="I">
28%
<ol type="N">
17%
Посмотреть ответы
С помощью каких стилей можно убрать подчёркивание со всех ссылок на странице?
Anonymous Quiz
17%
a { underline: none}
76%
a {text-decoration: none}
4%
a {decoration: none}
2%
a {text-decoration: false}
1%
Посмотреть ответы
В какой момент срабатывает событие "blur"?
Anonymous Quiz
25%
Когда элемент получает фокус
55%
Когда элемент теряет фокус
12%
При перезагрузке страницы
9%
Посмотреть ответы