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

    FeST1VaL
    @FeST1VaL
    Тихий
    Есть неплохая прога для оптимизации, использует множество способов оптимизации без потери качества. Ну и так же если у вас картинка без прозрачности, то лучше же сделать jpg) еще один тупой вариант оптимизации)

    FileOptimizer
    Ответ написан
  • Верстка. Какие у меня ошибки?

    FeST1VaL
    @FeST1VaL
    Тихий
    Бегло посмотрел код, по коду:
    1. Много мест где лишние пробелы, это конечно не ошибки, но просто как по мне не есть хорошо.
    2. Солянка разных стилей написание названий классов, Вы используете и БЭМ, snake-case, CamelCase, under_score
    3. Иногда походу клинит с названиями containerFuter, Process__imge
    4. Есть как минимум 1 описка, написал Landign
    5. Очень странно работает меню.
    6. Форма на баннере как будто прилипла
    7. Есть мелкие косяки с отображением, Я не залезал в стили, но то что бросилось в глаза.
    Под фото белое пространство, возможно конечно вырезал плохо
    5c9ce2489c510707408820.jpeg
    Кнопка поехала
    5c9ce26aa1515690373667.jpeg
    Двойные рамки
    5c9ce286d8192393862178.jpeg
    Поехали соц.иконки
    5c9ce29f89bb0258160055.jpeg
    Ответ написан
    2 комментария
  • Сайт мобильная версия iphone?

    FeST1VaL
    @FeST1VaL
    Тихий
    Так у вас крошки absolute... зачем им такое позиционирование? тут проблема в адаптиве... а не телефоне
    5c949ea6c94d2201044000.jpeg
    Ответ написан
    Комментировать
  • Не работает overflow:hidden у body и html на iPhone?

    FeST1VaL
    @FeST1VaL
    Тихий
    Как вариант сделать ограничения у touch на move и start.
    Ответ написан
    Комментировать
  • Почему прелоадер крутится бесконечно и не исчезает?

    FeST1VaL
    @FeST1VaL
    Тихий
    Как минимум у вас поехала верстка...Возможно из за этого у вас есть ошибка в консоли... которая как раз связана с прелоадером...

    7mVcly8T.jpg

    P.S Ссылка откуда вы взяли пример не работает. Там пустата
    Ответ написан
  • Откуда тянется описание на стартовую страницу Firefox?

    FeST1VaL
    @FeST1VaL
    Тихий
    из description... все правильно у вас... мне кажется у вас стоит в FF какая то тема не стандартная, может вообще плагин отдельный для закладок...

    Тк у меня это выглядит так:
    P.S то что поехало это мне лень было исправлять... по умолчанию там стоит на дискрипшен display: none;

    RfHOPToi.jpg
    Ответ написан
    Комментировать
  • Почему Owl Carousel блокирует стандартное модальное окно Bootstrap 4?

    FeST1VaL
    @FeST1VaL
    Тихий
    Как по мне тут 2 проблемы...

    1. Это верстка
    2. Это LOOP режим у OWL... (с ним очень много разных проблем....).

    Когда включен loop он дублирует слайды, и они называются owl-item cloned как то так...
    так вот когда вы нажимаете на блок, то вы жмете по клону и внутри него открывается модальное окно, но активным OWL делает не клонированный объект... А тот с которого он скопировал... так что вам надо придумать какой то костыль)))

    Ну а насчет верстки... это то что у вас один и тот же ID для всех модалок и то что модалки находятся в коде слайда...
    Ответ написан
    1 комментарий
  • Поставить иконки соц. сетей на сайт?

    FeST1VaL
    @FeST1VaL
    Тихий
    Еще как вариант вы можете найти иконки в svg и поставить их...

    Тут несколько вариантов...

    Например через backgroud:

    Т.е верстка примерно такая...
    <div class="social">
    	<a href="#" class="social__icon social__facebook"></a>
    	<a href="#" class="social__icon social__telegram"></a>
    	<a href="#" class="social__icon social__youtube"></a>
    </div>


    И в стилях задаете размеры для класса social__icon тк он общий для всех иконок и добавляете для разных классов т.е social__facebook иконку facebook зашифрованную в base64 или просто файл

    Т.е это будет выглядеть примерно так...
    P.S я сократил закодированную иконку, чтобы не было полотна текста...
    Иконки в svg можно взять на этом сайте, а перевести в base64 на этом сайте
    .social__facebook {
       background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4...);
    }
    Ответ написан
    Комментировать