WebVibe
675 subscribers
249 photos
7 videos
1 file
102 links
Программирование в массы, как облако перемен
Download Telegram
Выходной в понедельник - это отличное время для того чтобы узнать про новый плагин!

Auto Rename Tag

Auto Rename Tag - это ОЧЕНЬ полезный плагин для верстальщиков. Когда вы редактируете HTML/XML-теги в начале этот плагин автоматически редактирует их и в конце. Очень простой плагин который позволяет сильно ускорить свою работу и сократить количество рутинных действий в работе!
Какой из тегов позволит сохранить пробелы в тексте?
Anonymous Quiz
11%
<p>
56%
<pre>
2%
<h1>
26%
<space>
5%
Посмотреть ответы
Выберите из нижеперечисленных вариантов стилей те, которые позволят расположить элементы списка <ul> по горизонтали
Anonymous Quiz
32%
ul {flex-direction: row}
23%
li {display: flex}
24%
li {display: inline-block}
21%
ul {display: inline-block}
Что выведется в консоли?
Anonymous Quiz
8%
0
10%
11
50%
10
30%
1
3%
Посмотреть ответы
Нашли для вас сниппет который может быть полезен при создании каталога товаров или карточек. Выглядит снипет красиво, и очень прост в применении. И главное - никакого JS или jQuery!
Суть работы сниппета заключается в регулировании высоты карточки через CSS-свойство transform: translateY() и hover эффекты.
Какой атрибут тега <input> блокирует возможность ввода?
Anonymous Quiz
79%
disabled
4%
false
6%
hidden
10%
none
2%
Посмотреть ответы
Какое из нижеперечисленных css свойств позволит содержимому фоновой картинки скроллиться?
Anonymous Quiz
13%
background-position: fixed;
74%
background-attachment: scroll;
9%
background-attachment: fixed;
4%
background-position: center center;
Что выведет в консоли код выше?
Anonymous Quiz
22%
Ошибка
71%
a
3%
b
4%
Посмотреть ответы
Сегодня среда, на часах 20:00, а значит пришло время для небольшой практической задачки по вёрстке!

Сверстайте представленный макет в трёх разрешениях (десктопный и планшетный варианты есть, над мобильным подумайте сами). Получившийся макет можно добавить в собственный снипет и пользоваться при необходимости:

https://www.figma.com/file/VLBCEuplTRvI3RnCQzY8GJ/HTML%26CSS%26JS-tasks?node-id=0%3A1
Какой тег меняет жирность помещённого в него текста?
Anonymous Quiz
9%
<i>
86%
<b>
4%
<big>
2%
<bdi>
Выберите свойство которое отвечает за отображение границ вокруг ячеек таблицы:
Anonymous Quiz
26%
border-table
31%
border
24%
border-collapse
17%
border-style
2%
Посмотреть ответы
Какое событие вызывается при попытке отправки формы?
Anonymous Quiz
18%
input[type=submit].click
73%
submit
4%
sent
1%
sebmitted
3%
Посмотреть ответы
Какого побитового оператора НЕТ в JavaScript?
Anonymous Quiz
16%
!
17%
|
5%
&
57%
^
4%
Посмотреть ответ
Какого из нижеперечисленных атрибутов НЕТ у тега <video>?
Anonymous Quiz
5%
autoplay
34%
poster
13%
preload
47%
alt
Как называется событие клика правой кнопкой мыши?
Anonymous Quiz
21%
'click'
32%
'contextmenu'
40%
'rigthclick'
5%
'mousemove'
2%
Посмотреть ответы