Size: a a a

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

2020 July 21

ZA

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

Э

Эльдар in HTML/CSS — русскоговорящее сообщество
у меня есть тосты, которые я прижал в правый нижний угол с помощью relative: absolute, и теперь они накладываются друг на друга. как их поместить в правый нижний угол, но без absolute?
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Эльдар
у меня есть тосты, которые я прижал в правый нижний угол с помощью relative: absolute, и теперь они накладываются друг на друга. как их поместить в правый нижний угол, но без absolute?
поместить их не абсолютом
margin-left/top: auto, flex, grid — что душе угодно
источник

V

Valentin in HTML/CSS — русскоговорящее сообщество
Бинго. Спасибо
источник

R

Roman in HTML/CSS — русскоговорящее сообщество
источник

R

Roman in HTML/CSS — русскоговорящее сообщество
Как называеться такая менюшка ?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
никак, radio group
источник

R

Roman in HTML/CSS — русскоговорящее сообщество
Вроде и dropdown а вроде ине т
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Ну accordion
источник

R

Roman in HTML/CSS — русскоговорящее сообщество
О спасибо
источник

Э

Эльдар in HTML/CSS — русскоговорящее сообщество
Zahar Avsievich
поместить их не абсолютом
margin-left/top: auto, flex, grid — что душе угодно
спасибо
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Ahmad Shadeed выложил статью в которой разобрал CSS обновлённого Facebook: https://ishadeed.com/article/new-facebook-css/, есть в переводе на Хабре: https://habr.com/ru/company/ruvds/blog/496958/

Конечно, некоторая часть выложенного это, скорее, хаки, если даже не издевательство над здравым смыслом. Хорошо видно, что работают разные команды. Впрочем, хорошие дизайн-решения тоже есть.

Есть там момент, который конкретно так меня покоробил. Это укладка flexbox-сеток.

Я не знаю по какой причине они это сделали, но они решили классическую проблему space-between на недостаточном числе элементов… добавлением пустых элементов. То есть, фактически, добиванием сетки до кратного числа блоков чтобы избежать широких промежутков.

На самом же деле достаточно было либо блока, либо псевдо-элемента со следующими правилами:

.wrapper::after {
 content: ‘’;
 flex-grow: 1;
}

Грубо говоря, установить распорку.

Думаю, знать простые решения тоже необходимо. Как и уметь считать 🙂
источник

IA

Ion Amalanii in HTML/CSS — русскоговорящее сообщество
Привет, кто знает как при
justify-content: space-between;

Сделать так чтобы последний ряд был слева, а не посередине?
источник

K

Kolya in HTML/CSS — русскоговорящее сообщество
Ion Amalanii
Привет, кто знает как при
justify-content: space-between;

Сделать так чтобы последний ряд был слева, а не посередине?
🤔🤔🤔🤔
Выше ведь как раз для этого решение
источник

IA

Ion Amalanii in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
Ahmad Shadeed выложил статью в которой разобрал CSS обновлённого Facebook: https://ishadeed.com/article/new-facebook-css/, есть в переводе на Хабре: https://habr.com/ru/company/ruvds/blog/496958/

Конечно, некоторая часть выложенного это, скорее, хаки, если даже не издевательство над здравым смыслом. Хорошо видно, что работают разные команды. Впрочем, хорошие дизайн-решения тоже есть.

Есть там момент, который конкретно так меня покоробил. Это укладка flexbox-сеток.

Я не знаю по какой причине они это сделали, но они решили классическую проблему space-between на недостаточном числе элементов… добавлением пустых элементов. То есть, фактически, добиванием сетки до кратного числа блоков чтобы избежать широких промежутков.

На самом же деле достаточно было либо блока, либо псевдо-элемента со следующими правилами:

.wrapper::after {
 content: ‘’;
 flex-grow: 1;
}

Грубо говоря, установить распорку.

Думаю, знать простые решения тоже необходимо. Как и уметь считать 🙂
Я так понимаю это, ок)
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Ion Amalanii
Привет, кто знает как при
justify-content: space-between;

Сделать так чтобы последний ряд был слева, а не посередине?
а зачем дважды-то писать одно и то же?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Ion Amalanii
Привет, кто знает как при
justify-content: space-between;

Сделать так чтобы последний ряд был слева, а не посередине?
Я же дал решение, мне надо прям реплай было делать? Збс
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Igor N
а зачем дважды-то писать одно и то же?
фак, а я-то думаю, как сначала появился ответ, а потом вопрос))
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
Zahar Avsievich
фак, а я-то думаю, как сначала появился ответ, а потом вопрос))
Ахаха)
источник

IA

Ion Amalanii in HTML/CSS — русскоговорящее сообщество
Sergey Bekharsky
Я же дал решение, мне надо прям реплай было делать? Збс
Спасибо, я как раз смотрю)
источник