можно трансформом сделать
можно
но мы пока про margin
0xVoushi
Nikita
box-sizing: border-box
0xVoushi
алек ты как обычно
Nikita
и таких проблем не будет
Eugene
xdd
Nikita
без него нужно падинги считать
0xVoushi
я результат хочу увидеть
Nikita
дак у тебя нету падингов
Nikita
где ты их написал?
Nikita
просто указано что блок 300x150
Vladislav
20пх
Vladislav
Садись, два)
Nikita
я это уже писал
Vladislav
Так я ушел
Eugene
Нет
Eugene
телеграмовский мб
Nikita
margin-left: -160 margin-top: -85
Nikita
какая?
Eugene
потосу что не в тему,
Nikita
вот серьезно вы центрируете блоки отрицательными марджинами?
Nikita
в 2017 году
0xVoushi
алек
нет)000
Nikita
margin-left: -160 margin-top: -85
Nikita
да почему нет то?
Nikita
его способ тоже должен работать
Nikita
а ок
Nikita
я по бему пишу
.c .c
.c > .c
.c + .c
#i
.c ~ .c
*
HashTag
Подписка на #i
0xVoushi
я по бему пишу
.c .c
.c > .c
.c + .c
#i
.c ~ .c
*
что значит по бэму?
я просто спросил про вес селекторов
0xVoushi
вот с такими ответами на тебя уже будут смотреть так себе на собеседовании
потому что ты какой то деревянный
0xVoushi
суть любого разработчика в компании – это решать проблемы бизнесса
Nikita
я ведь привел список селекторов
0xVoushi
нет
Anonymous
https://canonium.com/articles/css-understanding-weight-selectors
0xVoushi
а не говорить - я по бэму пишу и все тут
Anonymous
прикольно я даже не знал что такое есть
0xVoushi
https://canonium.com/articles/css-understanding-weight-selectors
ах да
парень и в гугл что ли не умеет?
0xVoushi
я ведь привел список селекторов
ну ладушки
вот еще вопрос
Проблема ID-шников/Почему не стоит использовать !important ?
Nikita
потому что вес селектора увеличивается и это может быть очень не явно, тк будет переопределять стили даже для более специфичного селектора
0xVoushi
Nikita
да
Nikita
сложнее поддерживать сайт где используется important
Nikita
а что еще?
0xVoushi
сам вес ID
в прямом смысле
0xVoushi
и различие по весу с классом
0xVoushi
погугли
0xVoushi
но это мало где спросят
Nikita
вес id выше чем класса
0xVoushi
просто так не особо удобно спрашивать вообще чо то
обычно я собеседую около часа
Nikita
перебить класом нельзя даже при большой вложености
Mikhael Jerlis
Nikita
для разных задач
png для картинок в которых необходим прозрачный фон, а svg для вектора
0xVoushi
для разных задач
png для картинок в которых необходим прозрачный фон, а svg для вектора
то есть svg не умеет в прозрачный фон?
Nikita
умеет, но с помошью вектора нельзя описать картину, а если можно, то вес будет слишком большой
0xVoushi
умеет, но с помошью вектора нельзя описать картину, а если можно, то вес будет слишком большой
допустим мы говорим просто про иконку(стрелочка)
Nikita
в таком случае лучше использовать svg, тк описание стрелочки не займет много места, а png наоборот будет весить больше
Nikita
+ svg увеличивается без потери качества
Eugene
font awesome xd
0xVoushi
+ svg увеличивается без потери качества
верно
а допустим у тебя будет только PNG иконка стрелочки
как ее сделать хорошо выглядящей везде?
на обычном fullHD и на 2к(retina) например
0xVoushi
+ svg увеличивается без потери качества
и как раз объясни то, что ты думаешь о иконочных шрифтах(font awesome например)?
Nikita
ее можно конвертировать в вектор, или использовать media queries и разные разрещения для стрелочки
0xVoushi
ее можно конвертировать в вектор, или использовать media queries и разные разрещения для стрелочки
конвертить низя
разные разрешения это какие?
ну вот у тебя есть стрелочка в PNG для fullHD(50x50)
0xVoushi
а для ретины какое нужно разрешение?
Nikita
в 2-4 раза выше в зависимости от устройста
Nikita
если в 2 раза то
Nikita
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi)
0xVoushi
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi)
а размер иконки то менять будем или нет?)
Nikita
да, также в 2 раза. Но желательно иметь иконку в более высоком качестве
0xVoushi
да, также в 2 раза. Но желательно иметь иконку в более высоком качестве
а что на счет иконочных шрифтов?
0xVoushi
что ты думаешь о них
Nikita
рендер иконочных шрифтов хуже чем у svg, нельзя поменять цвет отдельных элементов иконки