Задать вопрос
Ankhena

Ankhena

Нежно люблю верстку
Ответы пользователя по тегу Веб-разработка

  • Почему адаптивная верстка не совпадает с psd-макетом?

    Ankhena
    @Ankhena
    Нежно люблю верстку
    Пока в вопросе нет ссылки, напишу так:

    1. Про флексбокс.
    Это прекрасный набор свойств. Если Вам не нужны древние браузеры, то Вы получите удовольствие от работы с ними :)
    caniuse.com/#search=display%3Aflex

    2. Про соответствие макету адаптивной верстки.
    Во-первых, надо смотреть точно на том разрешении для которого нарисован макет (версия макета).
    Во-вторых, могут быть различия в шрифтах у браузера и фотошопа.
    В-третьих, все ли в макете нарисовано четко по пикселям или есть какие-то размытые тени или подобное.
    В-четвертых, насколько у дизайнера все четко отцентрировано. Бывает, например, стоят иконки с подписями вроде бы по центру блоков. Но на самом деле дизайнер их там на глазок отцентрировал. А Вы в макете пишете center без всяких разночтений.

    Дальше надо смотреть в чем именно расхождения.
    Ответ написан
    9 комментариев
    9 комментариев

  • Как правильно прописать путь на свой странице WP?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Потому что Вы используете относительные пути (это нормально).
    Только смотрите при этом главную страницу сайта, а пути не относительно нее, а относительно файла шаблона.
    К этому надо просто привыкнуть.
    Перепишите пути, считая от главной.
    Ответ написан
    2 комментария
    2 комментария

  • Похожий адаптивный слайдер?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    kenwheeler.github.io/slick
    center mode

    Альтернатива: гуглить по картинкам по запросам слайдер или карусель изображений, таких слайдеров полно.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать адаптивное изображение затемненым с помощью css или js?

    Ankhena
    @Ankhena Куратор тега JavaScript
    Нежно люблю верстку
    Фильтрами типа
    filter: grayscale(0.7);
filter: saturate(20%);
filter: brightness(2);

    и их комбинациями
    не получится решить?

    Просто кода нет, примера что и как надо затемнить тоже, приходится гадать
    Ответ написан
    1 комментарий
    1 комментарий

  • Как лучше реализовать адаптивность такого блока?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    1. Откуда 22%?
    2. Новости в подвале? А это точно интересные новости? Если да, то им место не в подвале. А если нет, то и вовсе :)
    3. "Основа" это повтор основного меню? В мобильной версии обычно для меню используется гамбургер. Так что этот блок можно скрывать.
    4. Что за текст над контактами и его нужность не определить по скрину.

    Остается 2 блочика: форма и контакты => ставите одну над другой и дело с концом.

    А в общем случае:
    флекс и меняете в media количество столбцов в строке, например, за счет ширины.
    Ответ написан
    Комментировать
    Комментировать

  • Нужно ли делать дизайн мобильной версии или верстальщик разберется?

    Ankhena
    @Ankhena Куратор тега Вёрстка
    Нежно люблю верстку
    Нужно ли рисовать мобильную версию:
    зависит от
    - дизайна
    - содержимого
    - квалификации дизайнера
    - квалификации верстальщика (и возможно сотрудничества дизайнера, чтобы дорисовать какие-то иконки/мелочевки по требованию верстальщика)
    - аудитории сайта и % пользователей с мобильников

    Делать ли отдельную мобильную версию:
    - если контент существенно отличается - ДА
    - если нет или скрыты лишь некоторые несущественные блоки - делать адаптивный

    Бутстрап
    - зло :)
    Ответ написан
    4 комментария
    4 комментария

  • Название сервиса где после определенного времени всплывает поп-ап с просьбой оставить е-mail?

    Ankhena
    @Ankhena
    Нежно люблю верстку
    Таких сервисов очень много. Только не понятно, зачем сервис, если можно сделать самостоятельно, маленьким скриптиком и ровно в том виде как это надо Вам, без зависимостей от сторонних сервисов.

    Пожалуйста, сделайте небольшой блочик не мешающий дальнейшему просмотру сайта, а не целое всплывающее окно.
    Часто, после того как оно вылезают люди делают 2 вещи: либо просто крестик на всем сайте либо пишут что-то нехорошее в эту форму.
    Я понимаю, что владельцам сайта очень хочется получить e-mail, но может быть им все таки больше хочется получить лояльных клиентов?
    Ответ написан
    3 комментария
    3 комментария

  • Можно ли выставлять в портфолио не реализовавшийся проект?

    Ankhena
    @Ankhena Куратор тега Вёрстка
    Нежно люблю верстку
    Портфолио - это Ваши работы. Что потом с ними сделал заказчик это уже отдельная история.

    Иногда выкладываю в портфолио варианты, которые заказчик не принял или заставил переделать в соответствии со своими представлениями. Или несколько вариантов, которые были предложены.

    Но (!) в договоре есть строчка, что имею право выкладывать работы в портфолио.
    Если заказчик заранее попросил этого не делать, то естественно такие работы никуда не идут.

    Еще может быть несколько типов портфолио: публичное и приватное. Т.е. то, что лежит в открытом доступе или то, что показываю при встрече или по запросу.
    Ответ написан
    Комментировать
    Комментировать

  • Как правильно организовать папки и файлы сайта?

    Ankhena
    @Ankhena
    Нежно люблю верстку
    Как Вам удобно. Ну или тем, кто еще будет работать с этим сайтом.
    Ответ написан
    Комментировать
    Комментировать

  • Где лучше хранить превью-картинку к статье?

    Ankhena
    @Ankhena
    Нежно люблю верстку
    Поисковику вообще без разницы в какой папке у вас лежат картинки.

    Будет ли выводится, зависит от того, что вокруг нее понаписано, alt и соответствует ли это запросу ищущего.
    Ответ написан
    Комментировать
    Комментировать

  • Чем отличается адаптированный от адаптивного сайта?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Адаптированный - к чему-то ОДНОМУ. (Книга адаптирована для детей дошкольного возраста). Версия адаптирована для мобильных (отдельная мобильная версия), версия для слабовидящих и т.д.

    Адаптивный - подстраивающийся. Причем, без разницы за счет чего: обычной резиновости (когда размеры задаются полностью или частично в %) или media-запросов (когда размеры, положение, иногда и вид блоков изменяются по более сложным законам). В реальной жизни на сайтах чаще всего получается комбо.
    Ответ написан
    Комментировать
    Комментировать

  • Адаптированное меню как правильно селать?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Примерно правильно, если Вы имели в виду адаптивное меню.
    (Если именно адаптированное, то нет)

    Обычно достаточно писать media размеры в одну сторону, т.е. либо всегда min, либо всегда max, в правильном порядке.

    Писать надо только изменяющиеся свойства. Т.е. если ширина какого-то блока была 100% от общей ширины окна браузера, то ее можно не переписывать и не пересчитывать на точки.
    Ответ написан
    Комментировать
    Комментировать

  • Где искать полный набор шрифтов в ttf/woff/otf/eot?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    альтернатива: https://web-font-generator.com/
    Ответ написан
    1 комментарий
    1 комментарий

  • Какой шрифт используется на этом шаблоне?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Определение шрифтов по картинке: http://www.whatfontis.com

    Наверное, есть живой сайт откуда Вы сделали этот скрин -> открыть консоль и посмотреть.
    Либо написать сюда ссылку.
    Ответ написан
    1 комментарий
    1 комментарий

  • С чего начать создавать сайт, вопрос с CMS?

    Ankhena
    @Ankhena
    Нежно люблю верстку
    Задача сделать работающий новостной портал или научится программировать?

    Если первое:
    - Берете готовую систему управления, вот какая понравится такую и берете.
    - Обычно в них уже есть какой-то готовый демо-шаблон или можно скачать подходящий.
    - Сидите и правите его по кусочкам разбираясь что к чему и где находится. Например, поиском по кускам кода.

    Второе:
    К первому, визуальному, прибавляете новую функциональность :)
    Можно на курсы приличные сходить, можно самому гуглить и разбирать чужие примеры.

    И да, главное начать.
    Ответ написан
    2 комментария
    2 комментария