Тестирование кода HTML при помощи CSS
Давным-давно я написал довольно популярный фрагмент открытого исходного кода под названием REVENGE.CSS. В двух словах, цель REVENGE.CSS - расстановка визуальных пояснений к HTML элементам, нарушающим шаблон. Он делает так, чтобы плохой HTML элемент выглядел плохо, оформляя его в болезненно-розовом цвете и непопулярным шрифтом Comic Sans MS.
Селекторы, устанавливавшие "мстительный" стиль, широко используют отрицающий псевдокласс :not, который был уже доступен на протяжении 11 лет.
#ru
Давным-давно я написал довольно популярный фрагмент открытого исходного кода под названием REVENGE.CSS. В двух словах, цель REVENGE.CSS - расстановка визуальных пояснений к HTML элементам, нарушающим шаблон. Он делает так, чтобы плохой HTML элемент выглядел плохо, оформляя его в болезненно-розовом цвете и непопулярным шрифтом Comic Sans MS.
Селекторы, устанавливавшие "мстительный" стиль, широко используют отрицающий псевдокласс :not, который был уже доступен на протяжении 11 лет.
#ru
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Single div CSS - Window
Окно с открывающейся ставней. В HTML - один блок div, все остальное - CSS.
#css
Окно с открывающейся ставней. В HTML - один блок div, все остальное - CSS.
#css
👍2
JavaScript. Может ли строка кода начинаться с точки с запятой (;)?
Anonymous Quiz
18%
В строгом режиме нет, в нестрогом да
2%
В строгом режиме да, в нестрогом нет
37%
Да, вне зависимости от режима
34%
Нет, вне зависимости от режима
8%
Посмотреть ответ
❤1
HTML. Какой тег представляет собой контейнер, внутри которого располагаются элементы <option>, объединенные в одну группу?
Anonymous Quiz
15%
options
13%
optionsgroup
10%
optgroup
11%
options-group
34%
Такой тег существует, но его нет среди предложенных вариантов
8%
Такого тега вообще нет
10%
Посмотреть ответы
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Airplane Mode Animation
Самолет анимируется в CSS. Дым за самолетом генерируется и анимируется на JS.
#css #js
Самолет анимируется в CSS. Дым за самолетом генерируется и анимируется на JS.
#css #js
👍2
JavaScript. Каким будет вывод?
Anonymous Quiz
37%
["banana", "apple", "pear", "orange"]
11%
[["banana", "apple"], "pear", "orange"]
11%
["banana", "apple", ["pear"], "orange"]
32%
SyntaxError
9%
Посмотреть ответы
JavaScript. Какого из перечисленных методов не существует?
Anonymous Quiz
11%
Array.prototype.flat()
23%
Array.prototype.flatMap()
3%
59%
Все перечисленные методы существуют
4%
Посмотреть ответы
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Sibling Gallery
Галлерея фотографий при наведение на одну из фото, она показывается крупнее. Написана на чистом CSS.
#css
Галлерея фотографий при наведение на одну из фото, она показывается крупнее. Написана на чистом CSS.
#css
👍5
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
21%
[1, 1, 2, 3, 4]
51%
[1, 2, 3, 4]
6%
{1, 1, 2, 3, 4}
19%
{1, 2, 3, 4}
3%
Посмотреть ответы
This media is not supported in your browser
VIEW IN TELEGRAM
Parallax Star background in CSS
Создано без использования JS. Вместо него автор использует возможности препроцессоров Haml и Sass.
#css
Создано без использования JS. Вместо него автор использует возможности препроцессоров Haml и Sass.
#css
👍2
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
38%
0 1 2 3 и "☕️" "💻" "🍷" "🍫"
28%
"☕️" "💻" "🍷" "🍫" и "☕️" "💻" "🍷" "🍫"
17%
"☕️" "💻" "🍷" "🍫" и 0 1 2 3
7%
0 1 2 3 и {0: "☕️", 1: "💻", 2: "🍷", 3: "🍫"}
10%
Посмотреть ответы