• Как правильно вставлять большие изображения на страницу?

    AntonLitvinenko
    @AntonLitvinenko
    HTML coder
    cracker-test, глобально пишем такие стили
    img {
    	max-width: 100%;
    	height: auto;
    }

    если картинка меньше контейнера а нужно растянуть на всю ширину, то можно добавить картинке класс
    img.full-width {
    	width: 100%;
    }
    Ответ написан
    Комментировать
  • Существует ли система управления софтом для Android?

    elchako
    @elchako Автор вопроса
    Python разработчик
    Пожалуй отвечу на свой вопрос ссылкой
    https://h-mdm.com/ru/home/
    Ответ написан
    Комментировать
  • Что произошло с дизайном веба — почему стали такие большие разрешения для мобильных устройств?

    @deliro
    1. Доля мобильного трафика достигает 80-90% на большинстве ресурсов
    2. Минимальное десктопное разрешение, которое есть у 99% десктопных юзеров — 1366х768 (самые дешёвые 15.6 дюймов ноутбуки, которым уже 10 лет от роду. Я не шучу, с таким разрешением я первый ноут купил в 2010. А в 2009 на ПК уже был моник 1440х900). При этом самое частовстречаемое — Full HD (1920x1080). Всё что ниже — таблетки

    Отсюда вытекает вопрос: а зачем ради полутора землекопов сжигать деньги кастомеров/инвесторов, разрабатывая им отдельный интерфейс, если они и мобильной версией могут пользоваться, т.к. сейчас они полнофункциональные? Либо, если не разрабатывать отдельный, то зачем проектировать интерфейсы, ориентируясь на тех 1.5 землекопов, заставляя страдать (условно) остальные 99%?

    Более того, эти 1.5 землекопа обычно оказываются неплатёжеспособной аудиторией (раз уж у них до сих пор монитор/ноут старше 10 лет).
    Ответ написан
    6 комментариев
  • Что произошло с дизайном веба — почему стали такие большие разрешения для мобильных устройств?

    @pavelsha
    Дизайнеры и верстальщики работают на понтовых мониторах 27+ с высокими разрешениями
    Руководство, которое принимает их работы сидит за такими же мониторами или на мобильных устройствах с Retina-дисплеями ;-)
    Если дизайнер и верстальщик работают в офисе, то так и надо "дизайн у некоторых сайтов делают настолько крупным, чтобы его с 10 метров было видно на мониторе". ПРОДАКТ--гОВНЕР идет по опенспейсу, сразу видит что работа идет в нужном ключе и на душе у него благостно.

    Исследования целевой аудитории и их устройств также проводятся для галочки.

    А результат ты описал выше.

    Экономия трафика??? Обработать, сжать/оптимизировать графические элементы перед публикацией? Зачем??
    Везде 5Джи и Wifi 6.
    Ответ написан
    Комментировать
  • Как анимировать svg?

    PhoenixX33i
    @PhoenixX33i
    Думаю, ЭТО должно Вам помочь.
    Всего доброго :)
    Ответ написан
    Комментировать
  • Правильная локализация в Modx при работе с множественными числами?

    @Tiamorphis
    В репозитории есть пакет Units - аккурат то, что нужно в таком случае.
    Ответ написан
    1 комментарий
  • Как валидировать форму на чистом css при помощи псевдоклассов invalid и placeholder-shown?

    profesor08
    @profesor08 Куратор тега CSS
    Ответ написан
    Комментировать
  • Как анимировать linearGradient в svg при hover?

    RAX7
    @RAX7
    Либо использовать js

    либо smil https://css-live.ru/articles/rukovodstvo-po-svg-an...
    Ответ написан
    Комментировать
  • Как анимировать linearGradient в svg при hover?

    @lagudal
    1. У вас инлайн css записан в синтаксисе sass или less.
    2. block__submit - нет точки перед стилями класса.
    3. В принципе, первые 2 пункта - пофигу, так как градиенты в svg так не анимируются, тем более по hover.
    Т.е. , если вы поменяете ваш css на валидный -
    .block__submit {
      transition: hover 5s ease;
      height: 4vmin;
      width: 100%;
    }
    .block__submit:hover .stop-start {
      stop-color: green !important;
    }
    .block__submit:hover .stop-end {
      stop-color: red !important;
    }

    вы увидите, что цвета по наведению меняются, но никакой плавности вы не добьетесь, так как значение цвета - не числовое, а css анимации (в т.ч. transition) применимы только к числовым значениям.
    Анимации градиентов в svg делаются немного по другому. Применительно к hover - как вариант
    Ответ написан
    Комментировать
  • Как скейлить svg карту как гугл карту?

    SpiderPigAndCat
    @SpiderPigAndCat Автор вопроса
    занимаюсь салообразованием
    сделал все максимально просто
    дока тут
    <script src='https://unpkg.com/panzoom@9.4.0/dist/panzoom.min.js'    query='#svg' name='pz'></script>


    let move_y=0;
           let move_x=0;
           $(".zoom").on("click", function() {pz.zoomTo(move_x, move_y, 1.25)})
           $(".unzoom").on("click", function() {pz.zoomTo(move_x, move_y, 0.8)})
           $(".arrdown").on("click", function() {  pz.moveTo(move_x, move_y+=10) })
           $(".arrup").on("click", function() {pz.moveTo(move_x, move_y-=10) })
           $(".arrright").on("click", function() {pz.moveTo(move_x+=10, move_y) })
           $(".arrleft").on("click", function() {pz.moveTo(move_x-=10, move_y) })
    Ответ написан
    Комментировать
  • Какую CMS можно использовать для продажи услуг?

    @Ivan_Google
    Привет, если интернет магазин, то opencart, а для остального есть wordpress.
    Ответ написан
    2 комментария
  • Смена URL без перезагрузки страницы?

    @devote
    habrahabr.ru/post/144071/ — polyfill для старых браузеров
    Ответ написан
    Комментировать
  • Как поставить hover на тачпад?

    SmthTo
    @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть.
    CSS-детекция ненадёжна:
    https://developer.mozilla.org/en-US/docs/Web/CSS/@...
    https://developer.mozilla.org/en-US/docs/Web/CSS/@...

    В Android Chrome срабатывает какого-то дьявола первое:


    Лучше использовать любой JS-скрипт, определяющий сенсорный экран, ставить класс на body, после чего писать стили отдельно для этого случая. Стили для сенсора нужно ставить для :active вместо :hover.

    Я использую этот простой скрипт:
    Ответ написан
    7 комментариев
  • Как менять title с помощью React.js?

    rockon404
    @rockon404 Куратор тега React
    Frontend Developer
    react-helmet
    <Helmet title="My site" />
    Ответ написан
    Комментировать
  • Доменная зона .io — что я пропустил?

    Один из омонимичных доменов:

    .am — национальный домен Республики Армения, созвучен с диапазоном радиостанций AM или как зона AMerica.
    .cd — национальный домен Демократической республики Конго (иначе — Заира), совпадает с сокращением для компакт-диска.
    .dj — национальный домен Джибути, совпадает с сокращением «диджей».
    .fm — национальный домен Федеративных Штатов Микронезии, созвучен с диапазоном радиостанций FM. Пример: last.fm.
    .im — национальный домен Острова Мэн. Совпадает с сокращением Instant Messaging («мгновенные сообщения»).
    .io — национальный домен Британских территорий в Индийском океане. Совпадает с сокращением Input Output («ввод/вывод»).
    .is — национальный домен Исландии. Совпадает со словом is, формой третьего лица единственного числа английского глагола to be. Пример: who.is
    .it — национальный домен Италии. Совпадает с сокращением IT (информационные технологии), а также с английским местоимением it («это»). Пример: ok.undo.it
    .md — национальный домен Молдавии. Совпадает с сокращением аудионосителя MiniDisc и с сокращением Must Die. Также совпадает с сокращением от англ. medical doctor, используемым повсеместно в англоязычных странах. Например, известный американский сериал «Доктор Хаус» в оригинале называется House, MD.
    .me — национальный домен Черногории. Совпадает с местоимением «меня», «мне» в английском и других европейских языках.
    .net — общий домен верхнего уровня, совпадает с русским словом «нет», из-за чего обрёл в России (и не только) дополнительную популярность. Часто используется с доменными именами в виде транслитерированных русских слов. Примеры: mozga.net, lishnih.net.
    .nu — национальный домен острова Ниуэ, созвучно со словом ню.
    .tm — национальный домен Туркменистана, совпадает с аббревиатурой «™» (англ. trade mark — торговая марка).
    .tv — национальный домен Тувалу, совпадает с аббревиатурой «Телевидение».
    .ws — национальный домен Западного Самоа, совпадает с аббревиатурой Web Site.
    .in — национальный домен Индии, с английского языка переводится как предлог «в».
    .li — национальный домен Лихтенштейна. Совпадает с окончанием глаголов и имён существительных в русском языке. Используется с доменными именами в виде транслитерированных русских слов. Примеры: zadolba.li, zastuka.li, vaf.li, gus.li, yas.li.
    .pro - общий домен верхнего уровня для профессионалов в своей области.
    Ответ написан
    3 комментария
  • Безопасная регистрация домена - где и как регистрировать, чтобы не отжали?

    artzolin
    @artzolin
    php, WordPress разработка сайтов artzolin.ru
    Отжать домен не так просто, как почему-то многим кажется

    Например, есть известная история с доменом nissan.com, который принадлежит чуваку с такой фамилией. Автопроизводитель судился с ним лет 10, потратили миллионы долларов и в итоге домен без права на обжалование остался у владельца, хотя компания просто могла сделать ему щедрое денежное предложение

    Ближе к нам история с Дом.ru (интернет-провайдер), которые хотели отжать домен dom.ru и у них тоже ничего не получилось

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

    На самом деле, проблемы могут возникнуть только в том случае, если вы используйте чье-то имя в коммерческих целях, во всех остальных вам будет проще сделать коммерческое предложение, чем заниматься судами
    Ответ написан
    Комментировать
  • Под какие разрешения экрана готовить дизайн сайтов в 2021 году?

    Kadzi
    @Kadzi
    Ом
    1. Усложнять простое проще, чем упрощать сложное.
    2. Сначала мобильные. P.S это не подразумевает обделить десктоп.
    3. Перестать мыслить сетками и точными размерами: делать в первую очередь полезные блоки. Почему у дизайнеров проблема с адаптивами? Да потому что они обвешивают блоки немощными кусками "дизайнерских" говнорешений. Когда всей этой поганой мишуры нет, то и вопрос с сетками отпадает. Хороший сайт может быть хоть в 500px шириной на десктопе, при условии что есть полезное действие.

    Я начинаю от 290px, но даже сверстав, смотрю что происходит если блок сжимать дальше. Всё больше прихожу к осознанию, что нужно научиться мыслить относительными единицами. На десктопе использую ширину от 700 до 1200px для контента, но плавно ухожу от точных единиц в сторону относительных.

    Есть отдельная категория дизайнеров-даунов, которые выставляют в редакторе ширину холста 1920 и думают что типа теперь это дизайн под широкие экраны. (хотя контентная область осталась такой же). https://css-live.ru/ вот пример сайта с отзывчивым дизайном.

    Другая категория, всячески усложняет десктопные версии, чтобы не смотрелось просто. Это глупость. Не понимание факторов ранжирвоания сайтов, поведения пользователей и так далее.

    4. Больше отзывчивости, больше относительных единиц, больше grid css.
    5. Украшайки — в последнюю очередь.
    6. Дизайн сразу в браузере. Да, дизайнить сайт сразу в браузере, использовать условные элементы, которые потом можно отрисовать уже в граф. редакторе. Чтобы дизайнить в браузере, соответственно изучить вёрстку + технологии анимаций в вебе. +доступность +производительность.
    7. Фильтровать тренды.

    На мой взгляд, проблема сеток это вопрос дебильного дизайна и не понимания того, как это будет отображаться в браузере. Не вижу ни 1 плюса чтобы начинать с этого.
    Ответ написан
    2 комментария