Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 July 24

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Дмытрык
Думаю 2
мне, наоборот, кажется, что первый
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Zahar Avsievich
Сергей, надеюсь, ты напишешь по этому статейку в блог)
Ну вообще )!
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Будет четыре сотни подписчиков — будет большая статья про видео ))
источник

Д

Дмытрык in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
Будет четыре сотни подписчиков — будет большая статья про видео ))
Пошёл я пиарить
источник

Р

Рома in HTML/CSS — русскоговорящее сообщество
Ребят, шо лучше по удобству ну и по логике, пагинация или бесконечный скрол?
Для новостей и для услуг интересует
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Рома
Ребят, шо лучше по удобству ну и по логике, пагинация или бесконечный скрол?
Для новостей и для услуг интересует
пагинация, имхо
до футера при бесконечной прокрутке сложно добраться, да и элементы уже проскроленные придётся удалять для оптимизации
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
Будет четыре сотни подписчиков — будет большая статья про видео ))
может, 300?)
источник

l

l|v|l in HTML/CSS — русскоговорящее сообщество
Народ, не могу разобраться с затемнением при наведении на элемент. Я в css написал
.workBx .project:hover .slot1
{
 opacity: 0.1;
 transition: 0.6s;
}

И при наведении на определенный блок происходит плавное затемнение в нужный мне цвет, но когда я убираю мышь с блока, то у меня затемнение резко пропадает. Как сделать так, чтобы затемнение убиралось также плавно, как оно появляется при наведении?
источник

i

iwahid in HTML/CSS — русскоговорящее сообщество
Denis Dashka
посмотри в готовых шаблонах как это делают, например таком https://demo3.madrasthemes.com/electro/v2/product-category/laptops-computers/laptops-laptops-computers/
По карточкам

Посмотрел сайт в примере через инспектор - карточка остаётся той же самой, просто отключают часть элементов.
Но как мне кажется, способ с рендером новых карточек - лучше. По сути, данные же остаются на странице в DOM дереве, это больше 15 элементов на одну карточку. В сумме больше 300-500 элементов в дом дереве, которые просто не видны визуально.

Склоняюсь к варианту с использованием полностью разных карточек
источник

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
l|v|l
Народ, не могу разобраться с затемнением при наведении на элемент. Я в css написал
.workBx .project:hover .slot1
{
 opacity: 0.1;
 transition: 0.6s;
}

И при наведении на определенный блок происходит плавное затемнение в нужный мне цвет, но когда я убираю мышь с блока, то у меня затемнение резко пропадает. Как сделать так, чтобы затемнение убиралось также плавно, как оно появляется при наведении?
тразишн на основной класс, а не ховер
источник

i

iwahid in HTML/CSS — русскоговорящее сообщество
Кстати, эти 500 лишних элементов как-то сказываются на производительности, на практике? Есть ли смысл пытаться уменьшать количество элементов в DOM?
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
iwahid
Кстати, эти 500 лишних элементов как-то сказываются на производительности, на практике? Есть ли смысл пытаться уменьшать количество элементов в DOM?
могут сказаться
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
iwahid
Кстати, эти 500 лишних элементов как-то сказываются на производительности, на практике? Есть ли смысл пытаться уменьшать количество элементов в DOM?
В зависимости от задачи
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
Вообще какие дом элементы, это все с сервера тащить надо
источник

l

l|v|l in HTML/CSS — русскоговорящее сообщество
Vitaliy Kirenkov
тразишн на основной класс, а не ховер
Благодарю))
источник

l

l|v|l in HTML/CSS — русскоговорящее сообщество
Vitaliy Kirenkov
тразишн на основной класс, а не ховер
+
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
И генерировать в зависимости от количества элементов на бэке
источник

i

iwahid in HTML/CSS — русскоговорящее сообщество
Neo Makela
Вообще какие дом элементы, это все с сервера тащить надо
О, тоже довод в пользу использования разных карточек
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
iwahid
Верстаю карточки товаров

Когда в баре кликаю по кнопкам меняющим вид раскладки карточек - сетка вывода карточек должна меняться (ну это понятно ))
Вопрос в том, как сделать лучше перестроение этого списка (и изменение самих карточек).
1. Я могу сверстать широкую карточку, а после, через классы или медиазапросы перестроить ей в меньший вариант с отключением некоторых элементов/полей. Это хороший вариант?
2. Или, лучше делать два разных вида карточек и показывать сперва один вариант, а при смене варианта отображения - другие карточки.

Какой из этих вариантов лучше?
Какой из них лучше, если в последствии планируется собрать магазин на фреймворке?
Лучше первый, с сервером работать проще будет
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
iwahid
О, тоже довод в пользу использования разных карточек
Наоборот
источник