Size: a a a

Front-end developers

2020 December 03

➳ Илья in Front-end developers
Ладно сделаю по меньше.
источник

AH

Alexander Ivar Kjell... in Front-end developers
Вообще не задавай блокам фиксированную ширину
источник

AH

Alexander Ivar Kjell... in Front-end developers
А то окно поменьше сделают и все превратится в кашу
источник

➳ Илья in Front-end developers
А если блок допустим 300px по макету то как сделать?
источник

➳ Илья in Front-end developers
Я просто не очень ещё знаю в фронте😅
источник

AH

Alexander Ivar Kjell... in Front-end developers
➳ Илья
А если блок допустим 300px по макету то как сделать?
надо узнать нужен ли пиксель пёрфект и нужна ли резиновая вёрстка
источник

AH

Alexander Ivar Kjell... in Front-end developers
и под какое разрешение макет
источник

➳ Илья in Front-end developers
Нужно при низком разрешении колонки по одной делать ну типо на телефоне по одной колонке в ряд. А на мониторе по четыре.
источник

AH

Alexander Ivar Kjell... in Front-end developers
Звучит как флексы или css grid
источник

➳ Илья in Front-end developers
Флексы
источник

БМ

Бущук Мирослав... in Front-end developers
Всем привет, кто знает в чем проблема: адаптирую под мобилки, медиа запросами под max-width, использую только 2 уровня вложенности, все перепроверил, ошибиться не мог. Такой каркас:
media (max 400){}
media (max 415){}
media (max 700){}
Не работают стили на 400 пикселей, хотя 700 и 415 хорошо работают
источник

DE

Denis Evlampiev in Front-end developers
Бущук Мирослав
Всем привет, кто знает в чем проблема: адаптирую под мобилки, медиа запросами под max-width, использую только 2 уровня вложенности, все перепроверил, ошибиться не мог. Такой каркас:
media (max 400){}
media (max 415){}
media (max 700){}
Не работают стили на 400 пикселей, хотя 700 и 415 хорошо работают
Когда ширина 400px или меньше, срабатывают оба брейкпоинта
@media (max-width: 400px) {}
@media (max-width: 415px) {
 /* эти стили перезатрут стили для 400px */
 /* потому что определены позже*/
}
источник

БМ

Бущук Мирослав... in Front-end developers
Denis Evlampiev
Когда ширина 400px или меньше, срабатывают оба брейкпоинта
@media (max-width: 400px) {}
@media (max-width: 415px) {
 /* эти стили перезатрут стили для 400px */
 /* потому что определены позже*/
}
Как тогда сделать ? увеличить интервал?
источник
2020 December 04

DE

Denis Evlampiev in Front-end developers
Самое простое поменять их местами))
@media (max-width: 415px) {}
@media (max-width: 400px) {}
источник

БМ

Бущук Мирослав... in Front-end developers
Ахахахахахаха 😂 . Если сработает, это будет великолепная ситуация, надо побольше в документации посидеть))
источник

БМ

Бущук Мирослав... in Front-end developers
Denis Evlampiev
Самое простое поменять их местами))
@media (max-width: 415px) {}
@media (max-width: 400px) {}
Азазахахахаах, действительно, спасибо!!!
источник

PS

Perepelytsa Stas in Front-end developers
каскадная таблица стилей, она такая
источник

PS

Perepelytsa Stas in Front-end developers
каскадная
источник

R

Raserad in Front-end developers
Alex Elkin🇪🇸
ну как отобразить то вроде бы есть идеи, - делаешь скрытый инпут-слайдер а показываешь на его данных свг, по примеру радиальной шкалы.
Но как вот с ним взаимодействовать... прямо хз... может так же как с обычным но не брать в учет отклонения по горизонтали?
Взаимодействие тоже простое. Mousemove)) Нужно определять разницу в y оси))
источник

AE

Alex Elkin🇪🇸 in Front-end developers
Raserad
Взаимодействие тоже простое. Mousemove)) Нужно определять разницу в y оси))
ну я видишь, потом так и написал - не учитывать икс ось, но сперва у меня коротнуло мозг и подумал что придется как то прямо по дуге высчитывать...
аа там если учитывать толкьо У ось заполнение дуги не корректно работать... зависит от реализации конечно.
источник