Size: a a a

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

2020 April 28

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
ты говоришь об интерфейсе типа той же яндекс.музыки
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
но у них футер не сильно динамический и таки с косяками в этой самой динамичности
источник

m

mazya in CSS — русскоговорящее сообщество
Парни, я что-то на какой-то фигне завис.
Даю блоку белый фон, в нём следующий блок — фон прозрачный. Ему даю :before, в котором контент — иконка с фонтасом и pos:absolute. В итоге он либо поверх контента блока, в котором :before, либо с z-index: -1 вообще пропадает
источник

m

mazya in CSS — русскоговорящее сообщество
Мб я с position для него провтыкался?
источник

MI

Muhammadamin Ibragim... in CSS — русскоговорящее сообщество
mazya
Парни, я что-то на какой-то фигне завис.
Даю блоку белый фон, в нём следующий блок — фон прозрачный. Ему даю :before, в котором контент — иконка с фонтасом и pos:absolute. В итоге он либо поверх контента блока, в котором :before, либо с z-index: -1 вообще пропадает
так и должно работать
источник

m

mazya in CSS — русскоговорящее сообщество
Ну мне эта иконка просто для фона нужна
источник

MI

Muhammadamin Ibragim... in CSS — русскоговорящее сообщество
у контента если нету тега оберните в какой то тег и position: relative;
источник

m

mazya in CSS — русскоговорящее сообщество
О, спасибо большое
источник
2020 April 29

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
посаны привет1!
Есть вопросец!
Когда я скроллю длинный сайт на макбуке, то происходит инертный скролл — это примерно как на мобильном телефоне.

задача такая:
1. чтобы можно было скроллировать не только вниз но и вправо, при этом бы срабатывал скролл вниз
2. чтобы при этом был такой же инертный скролл вниз.

при помощи js это вообще возможно ?
источник

VL

V. Lavrinovichs 🇦🇹... in CSS — русскоговорящее сообщество
Кто как решает задачу (на only flex), когда много элементов (теги a) и у их родителя(div-а) display: flex; flex-wrap: wrap; justify-content: space-around;

Как знаем, последние элементы становятся не особо красиво, например все элементы стоят столбиком а последние както как остаток в конце распределяются.

Как вы решаете такие задачи? Когда justify-content: space-around; и нужно чтобы последнии встали тоже в вертикальный ряд, а не в разброс?

Я решаю это дополнительными пустыми элементами, а вы!?
источник

VL

V. Lavrinovichs 🇦🇹... in CSS — русскоговорящее сообщество
Андрей Гуртовой
посаны привет1!
Есть вопросец!
Когда я скроллю длинный сайт на макбуке, то происходит инертный скролл — это примерно как на мобильном телефоне.

задача такая:
1. чтобы можно было скроллировать не только вниз но и вправо, при этом бы срабатывал скролл вниз
2. чтобы при этом был такой же инертный скролл вниз.

при помощи js это вообще возможно ?
Для меня сложновато было бы такое сделать, но думаю что кто поопытнее, мог бы за несколько минут написать скрипт на JS.
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
V. Lavrinovichs 🇦🇹
Кто как решает задачу (на only flex), когда много элементов (теги a) и у их родителя(div-а) display: flex; flex-wrap: wrap; justify-content: space-around;

Как знаем, последние элементы становятся не особо красиво, например все элементы стоят столбиком а последние както как остаток в конце распределяются.

Как вы решаете такие задачи? Когда justify-content: space-around; и нужно чтобы последнии встали тоже в вертикальный ряд, а не в разброс?

Я решаю это дополнительными пустыми элементами, а вы!?
+ и я так решал.

мне кажется я не находил способа проще
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Андрей Гуртовой
посаны привет1!
Есть вопросец!
Когда я скроллю длинный сайт на макбуке, то происходит инертный скролл — это примерно как на мобильном телефоне.

задача такая:
1. чтобы можно было скроллировать не только вниз но и вправо, при этом бы срабатывал скролл вниз
2. чтобы при этом был такой же инертный скролл вниз.

при помощи js это вообще возможно ?
Gsap
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Scrollmagic
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
он коммерческий и не про скролл..

интересует именно  нативное поведение,  потому что на других системах такой инертный скрол может выглядеть иначе
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
хех а разве laxxx не свободная альтернатива скрол-магику ?
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
у меня тут свои приколы просто )
https://sberbankaktivno.ru/may9
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
когда заходят с макбуков то пытаются скроллировать вбок, но поскольку разные родители поворачивают макет транслейтом в разные стороны, то  скроллирование в бок это скроллирование в неправильном направлении )) и надо сделать чтобы это скроллирование было корректным )
источник

VL

V. Lavrinovichs 🇦🇹... in CSS — русскоговорящее сообщество
Для меня не много сложновато это дело со скроллом в бок+низ, поэтому лучше ниче не скажу. )
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Попробую реализовать синтетическое событие скролла. Хотя не факт что получится
источник