Ответы пользователя по тегу HTML
  • Обязательно ли знать Bitrix чтобы быть web-разработчиком?

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    В Битриксе не столько документация с давних пор не менялась, а архитектурные подходы устарели. Несмотря ни на какие технологические новшества, которые в нём появляются.

    Имхо, если вы изучите Битрикс, то вы будете человеком, знающим Битрикс. А веб-разработчиком вы называться не будете. Вам так же сложно будет потом въехать в нормальную веб-разработку, как и нормальному веб-разработчику разобраться с Битриксом.

    Если вы хотите найти свою нишу и засесть в неё конкретно и надолго, то углубляйтесь в Битрикс, изучайте его, набирайтесь опыта. Хорошие и качественные специалисты в любой сфере котируются. Но таким образом вы выберете себе мир Битрикса и будете существовать параллельно объективной реальности.
    Ответ написан
    1 комментарий
  • Как убрать отступ справа у контейнера в адаптивной верстке?

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    У вас блок «#new_publ», раположенный выше, раздвигает страницу и становится видным сероватый фон справа от нижнего блока, который у вас на скрине.
    Ответ написан
    Комментировать
  • Как сделать ширину video больше ширины div'а родителя?

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    Можно сделать отрицательные отступы:

    margin-left: -100px;
    margin-right: -100px;
    Ответ написан
    Комментировать
  • Как реализовать поддержку hover-эффектов на touch-устройствах?

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    Я заметил, что на двух андроид-устройствах в браузерах Google Chrome и Яндекс.Браузер hover наступает после клика по элементу. Если элемент на клик не реагирует, а реагирует только на наведение, это сработает. Не уверен, что на всех системах и во всех браузерах так.

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

    Но если вы хотите, чтобы элемент реагировал и на ховер, и на клик, то выше верно сказали, что вы хотите нарушить грамотность UX. То есть, вы решаете неверно поставленную задачу. Значит, стоит поставить другую задачу, на уровне выше: как дать возможность пользователю взаимодействовать с одним элементом двумя способами. Но тут зависит от сути взаимодействия. Если вы хотите, чтобы просто была красивость при ховере, то на тач-скрине её не будет. Если хотите, чтобы всплывала подсказка или что-то вылезало — сделайте рядом иконку или кнопку, которая это будет делать. А клик на основном элементе не трогайте, не ломайте UX.
    Ответ написан
    Комментировать
  • Какие задавать отступы в мобильной верстке сайта?

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    Есть такая единица, как vh — это 1% высоты вьюпорта. Т.е. вся доступная вам высота — 100vh.
    Можно использовать vh совместно с media queries.
    Ответ написан
    1 комментарий
  • Что такое plain?

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    Plain text? Просто текст.
    text/plain — одно из значений HTTP-заголовка Content-Type, которое задаёт тип данных.

    Для HTML — это «text/html». Если вы хотите передавать или получать JSON, то следует использовать значение «application/json». Для XML — «application/xml».

    ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B8%D1%81%D0%...

    UPD
    Зачем ВКонтакте шлёт данные в виде плэйнтекста — стоит у них спросить. Если посмотрите в тело ответа, увидите там мешанину данных из HTML и JSON в непонятной кодировке.
    Видимо, оптимизация такая. Им виднее :)
    Ответ написан
    4 комментария
  • Что дает тег < meta property="article:tag" content="facebook" >?

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    Это не самый главный мета-тэг для Фэйсбука. Если вы другие не используете, то этот один, сам по себе, вам не особо пригодится. Эти тэги называются разметкой Open Graph.

    В документации Фэйсбука указано, что тэг используется для задания массива ключевых слов, относящихся к статье.

    Вообще, мета-теги для Фэйсбука, Твиттера, Гугл+, ВКонтакте и пр. помогают им представить расшариваемый контент с вашего сайта в более подходящем виде. Соцсеть не просто наугад возьмёт картинку и кусок текста с вашей страницы, а вы сможете управлять этим процессом. Причём, вы можете использовать специальные форматы отображения информации в виде различных карточек и пр.

    Вот совет какие мета-тэги вам минимально нужны: Must-Have Social Meta Tags for Twitter, Google+, F...
    Здесь примеры использования: Мета теги для социальных сетей Facebook, Twitter и...
    Советы по оптимизации страниц под Фэйсбук
    Так же, вы можете узнать как Яндекс воспринимает Open Graph: Разметка Open Graph
    Ответ написан
    Комментировать
  • Как удалить оставшееся пространство в конце страницы?

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    Зачем вы использовали bottom?

    Возможно, вам подошёл бы flexbox-лэйаут.

    Вот статья про него: Полное руководство по Flexbox.
    Вот ещё статья с Хабра: Практическое применение FlexBox.

    Так же, есть обширная презентация про flexbox Вадима Pepelsbey ..., правда без комментариев, только картинки.

    Например, если вам нужно прилепить футер к низу страницы, но высота страницы очень маленькая, то Flexbox вам поможет это сделать.
    Основные свойства, которые вам пригодятся:
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;

    Не зная вашу задачу, сложно объяснить. Советую изучить статьи или задать более конкретный вопрос :)
    Ответ написан
    Комментировать
  • Возможна ли реализация повторноиспользуемого каркаса для нескольких страниц на чистом HTML+CSS без PHP?

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    Мне показалось, вы спрашивали не про генератор, а именно про использование HTML + CSS.
    Специально для этого существует технология SSI (Server Side Includes).

    Основной момент — сборка итогового файла из отдельных частей (например: верх, меню, контент, низ) при помощи директивы «include»:
    <!--#include file="footer.shtml"-->
    Часто работает по умолчанию на веб-сервере Apache «из коробки», в файлах с расширением «.shtml».
    Если подключать файл, который тоже является SHTML-файлом, директивы будут обрабатываться и в нём.

    Статья на Мастерхосте
    Модуль для nginx
    Ответ написан
    Комментировать