Ответы пользователя по тегу Компьютерные сети
  • Как реализовать поддержку hover-эффектов на touch-устройствах?

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

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

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

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    Есть целые системы, которые могут не только минифицировать файлы, но и многое другое.
    Это системы сборки проектов: Gulp или Grunt. (На русском мало информации.)

    Например, система сборки отслеживает изменения исходных файлов и реагирует на эти изменения:
    — прогоняет CSS через autoprefixer,
    — «компилирует» SASS или LESS,
    — склеивает файлы,
    — минифицирует файлы,
    — создаёт map-файлы для отладки минифицированных исходников (в т.ч. «скомпилированных» CSS-файлов),
    — запускает тесты,
    — позволяет использовать LiveReload (для мгновенного изменения стилей в браузере без перезагрузки страницы),
    — оптимизирует изображения,
    — создаёт проект из шаблона,
    — и многое другое (Gulp-плагины, Grunt-плагины)
    Ответ написан
    Комментировать
  • Как настроить сетевой доступ на нескольких виндовых машинах?

    vserykh
    @vserykh
    Разработка сайтов, лендингов «под ключ»
    Для гостей на роутерах есть гостевые сети (вторая сеть с другим SSID), которые дают доступ только в инетрнет и не пускают в локальную сеть.
    Ответ написан
    Комментировать
  • Возможна ли реализация повторноиспользуемого каркаса для нескольких страниц на чистом HTML+CSS без PHP?

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

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

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