Ответы пользователя по тегу Вёрстка
  • Какая максимальная ширина неадаптированного сайта?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Даже если вы поставите 800 пикселей и весь ваш сайт будет открываться на телефоне без прокруток, то всё будет чертовски маленькое, а текст из-за этого нечитаемый. Вывод: или делайте нормальный адаптивный сайт, или не заморачивайтесь и делайте 980-1280 пикселей (юзерам всё равно придётся масштабировать и скроллить).

    Но, если сделать адаптивный нельзя (что чертовски странно), но хочется сделать так, чтобы хоть как-то было по уму, то делайте 980 пикселей, на планшетах будет вполне неплохо смотреться.
    Ответ написан
    2 комментария
  • Flexbox vs float?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Давайте рассуждать логически:
    1) Flexbox в разы удобнее флоатов, таблиц и display:inline-block в 95% случаев
    2) Флексбокс поддерживается всеми современными браузерами, в том числе и мобильными (даже IE на Windows Phone 8.1)
    3) Альтернативными браузерами пользуются многие, например, недавно был в компании, где компьютеры... ооочень старые: windows XP, ЭЛТ-мониторы 1024х768... Но даже они пользуются альтернативными браузерами. Пример особенно показателен тем, что люди в этой конторе едва освоили передачу файлов по почте.
    4) Майкрософт ведёт активную политику по обновлению Windows 7, 8, 8.1 до Windows 10, а значит, доля IE снижается и растёт доля Edge, который за вычетом пары незначительных косяков рендерит 1в1 как Хром.
    5) Если продолжать поддерживать динозавров, то у людей не будет мотивации обновлять браузер/операционку/компьютер. Самая распространённая причина по которой люди из моего окружения не хотят обновляться до 10 очень простая: на 7/8/8.1 всё работает как надо, зачем что-то менять? Вывод: если все разработчики сайтов разом наплюют на поддержку неактуального старья, то всем станет легче жить.
    Ответ написан
    Комментировать
  • Как оформить портфолио в таком виде?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Используйте FancyBox. Или любой аналогичный плагин.
    Ответ написан
    Комментировать
  • Как тестировать верстку под разные браузеры и экраны?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Проверяю вручную. На компе установлены все современные браузеры. iOS проверяю через iPad Mini брата, Android - прошу друзей глянуть :) Windows Phone - своя Люмия 1020. IE7,8,9 не поддерживаю. Но если понадобится - поставлю виртуальную машину и буду там проверять.
    Ответ написан
    Комментировать
  • Фиксированная верстка для мобильных устройств?

    @sarathorn
    php программист, веб-дизайнер, коллекционер
    Если есть конкретный PSD, значит есть конкретное ТЗ - пусть даже в виде "сделать по макету". Делайте как в макете. Пиксель в пиксель.
    Для себя я бы сделал респонзив. 200-899px - мобилки, 900-1199px - планшеты, 1200-1600px - ПК. Но раз есть макет, значит делайте по макету.
    background: url(...) center center no-repeat; - подойдёт.
    Ответ написан
    Комментировать