Андрей А.
13 сообщений
#5 лет назад
Хочу узнать мнение бывалых верстальщиков и мимо проходящих)
Под какие разрешения не актуально верстать сайты в 2018.
Я понимаю, многое зависит от желания заказчика и контента сайта, молодёжный-ли он и тд.
Так как я ещё учусь, я заливаю на хостинг и чекаю с разных девайсов ( какие дома есть C: ) 
Но, по ходу вёрстки ориентируюсь по инструментам разработчика в хроме ( там телефончик есть покрутить даже можно  )
Знаете, есть там разрешения 320 на что-то там и тд.
Может такие динозавры должны вымирать ( я про девайсы ) и не надо поддерживать их в виде такой привилегии как адаптивный сайт ? 
БУНД!
Владимир К.
18 сообщений
#5 лет назад
Айфон СЕ по ширине 320 рх. Продается неплохо сейчас.
А лучше здесь посмотри
Евгений К.
731 сообщение
#5 лет назад
У нас на работе вот новый проект, если раньше верстали всегда 1920-320, то теперь 2560-320.
И это больно, т.к. приходится тыкаться в эмуляторе хрома - 4к монитора нету.
Пожалуй пришло время покупать. )
Александр Ц.
1031 сообщение
#5 лет назад
crus94, Сразу 5к   А вообще не представляю себе как люди на фулскрин 2560 могут смотреть. 
Андрей А.
13 сообщений
#5 лет назад
Долго же надо будет листать вниз при 2560-320)
Евгений К.
731 сообщение
#5 лет назад
CasperDP, ?) Мы же про ширину макета )
Андрей А.
13 сообщений
#5 лет назад
crus94, не так понял 
Андрей А.
13 сообщений
#5 лет назад
А как думаете ребята, если основной цсс файл почти 1500 строк а респонсив почти 500 это плохо?)
Респонсива столько набралось когда начал крутить адаптив, теперь вот задумался это же сколько косяков при самой вёрстке или это ок?)
Александр Г.
655 сообщений
#5 лет назад
Цитата (AlexLosev):
А вообще не представляю себе как люди на фулскрин 2560 могут смотреть.

Можно. Есть толковые сайты на фулскрин (2.5к, 5к и т.д.), где дизайнер был молодец и умеет работать с типографикой и т.д.
Владимир Р.
3315 сообщений
#5 лет назад
Цитата (CasperDP):
А как думаете ребята, если основной цсс файл почти 1500 строк а респонсив почти 500 это плохо?)
А как думаешь 1500 рублей - это дорого?

Цитата (Oraculum):
Можно. Есть толковые сайты на фулскрин
Oraculum, только для ограниченного типа сайтов: сложная аналитика с интерактивом, огромные новостные порталы ну или портфолио фотографа.
Или сервис, где большая часть работы - это работа с картой.
Александр Г.
655 сообщений
#5 лет назад
Цитата (revladov):
сложная аналитика с интерактивом, огромные новостные порталы ну или портфолио фотографа.

Да, разумеется. У таких сайтов своя специфика, где это оправдано.
Цитата (revladov):
Или сервис, где большая часть работы - это работа с картой.

Именно. Буквально недавно разрабатывал дизайн такого сервиса на фулскрин.
Владимир К.
18 сообщений
#5 лет назад
CasperDP,  сейчас в моду пошли одностраничные сайты, очень длинные. Зато под мобильный легко верстать. Народу нравится.
 Так что не заморачивайся про длину. Чем длиннее - тем моднее.
Андрей А.
13 сообщений
#5 лет назад
У меня есть ещё вопрос и чтоб не флудить создавая новые топики пофлужу тут)
Вот мой тренировочный домен 
И в блоге на картинках должен выезжать ховер.
На телефоне и планшете выезжает но без бекграунда, получается только содержимое без фона.
У трёх человека уже поспрашивал и у всех на телефоне всё нормально выезжает с чёрный бг.
С планшета смотрел через хром и та же фигня.
В целом на то что я там навоял можете не смотреть, я знаю что оно косо и криво ( я ещё не доделал )
Умные мысли почитать конечно полезно - в любом случае)
Просто, подскажите плез кто шарит в чём дело.
В префиксах?
Я уже вроде расставлял где-то ))
Андрей В.
1205 сообщений
#5 лет назад
Цитата:
Чем длиннее - тем моднее.
15 см. это приговор?
😆
Виталий Бохин
953 сообщения
#5 лет назад
CasperDP, такую запись цвета (#000000c2) поддерживают не все браузеры, поменяйте на rgba(0,0,0,.7)
потом transition нужно прописывать не в состоянии hover  (.clock:hover>.hover-blog), а просто блоку (.hover-blog)
уберите display:none, display:block для .hover-blog, а выдвигайте transform-ом,
и зачем этот паддинг внизу и потом bottom? сделайте height:100%. в общем вот как сделаете:


    1. .hover-blog {

    2. height:100%;
    3. background-color: rgba(0,0,0,.7);

    4. transition: transform 2s;

    5. transform: translate(-100%);

    6. }





    7. .clock:hover .hover-blog {

    8. transform: translate(0);

    9. }
Андрей А.
13 сообщений
#5 лет назад
lufter, на счёт цвета, я попробовал ваш метод и так же не работало, я потом применил через опасити  и в эксплорере зараработало но кнопки остались белыми, я потом подредактирую, где-то перемудрил так же как с транзишином)
Но, на телефоне и планшете фон ховера так же отсутствует, выезжает только текстовое содержимое (
Виталий Бохин
953 сообщения
#5 лет назад
CasperDP, хз. другой причины (на счет цвета), я не вижу
Андрей А.
13 сообщений
#5 лет назад
lufter, шо я могу сказать)
Заработало, при условии что я уже не крутил настройки ховера, оставил как было на опасити.
Может дело в хостинге?
Случайно пальцем тыкнул сегодня и ховер заработал как надо)
Андрей В.
1205 сообщений
#5 лет назад
Тут дело скорее в кеше)
Андрей А.
13 сообщений
#5 лет назад
Vakarchuk, именно - оно.
Мне то же самое говорил и , я как обычно ленивая жопа сразу не послушал
Надо бы ещё у себя в голове все эти куки и кеши почистить чтоб не тупить)