• Как масштабировать интерфейс сайта на FireFox?

    mukhindev
    @mukhindev
    Использовать rem вместо px.
    1 rem = 1 x размер шрифта html
    1.5 rem = 1.5 x размер шрифта html и т.д.
    Когда нужно масштабировать сайт, менять размер шрифта:

    html {
      font-size: 16px;
    }
    Ответ написан
    2 комментария
  • Почему "моргают" слои анимации на iOS и Safari?

    Анимация заставляет браузер проделывать кучу работы.
    Разные браузеры работают по разному.

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

    Почитайте для начала, есть хорошая статья для понимания на Хабре: "Производительность анимаций на сайтах". Как минимум узнаете как проверить что вам тормозит.
    Особенно обратите внимание на то, как браузер рисует страницу. Ваша анимация гоняет его по длинному кругу перерисовки.
    Ответ написан
    4 комментария
  • Можно ли вывести на сайте баланс смарт-контракта?

    deepblack
    @deepblack
    Можно взять этот API: https://github.com/EverexIO/Ethplorer/wiki/Ethplor...

    Пример:
    /getAddressInfo/{address}
    api.ethplorer.io/getAddressInfo/0x32Be343B94f86012...
    spoiler
    {
      "address": "0x32be343b94f860124dc4fee278fdcbd38c102d88",
      "ETH": {
        "balance": 2.0542680760545484
      },
      "countTxs": 2446019,
      "tokens": [
        {
          "tokenInfo": {
            "address": "0x2bdc0d42996017fce214b21607a515da41a9e0c5",
            "name": "SkinCoin",
            "decimals": "6",
            "symbol": "SKIN",
            "totalSupply": "388183000000000",
            "owner": "0x6f2010d0fbaf8b7dbc13ee7252ff8594a2be3c51",
            "lastUpdated": 1566777665,
            "issuancesCount": 0,
            "holdersCount": 4167,
            "image": "https://ethplorer.io/images/skincoin.png",
            "description": "First Universal Cryptocurrency based on Ethereum for instant trading CS:GO, Dota 2 skins, and making bets on eSports events\n\nhttps://skincoin.org\nhttps://www.facebook.com/skincoin/\nhttps://twitter.com/skincoin_org",
            "ethTransfersCount": 29,
            "price": {
              "rate": 0.000476030266457,
              "diff": -11.51,
              "diff7d": -0.26,
              "ts": 1566827043,
              "marketCapUsd": 41978.00690959633,
              "availableSupply": 88183483,
              "volume24h": 1571.26022094368,
              "diff30d": -33.46333000860204,
              "currency": "USD"
            }
          },
          "balance": 186088535060,
          "totalIn": 11474050000,
          "totalOut": 0
        },
        {
          "tokenInfo": {
            "address": "0xa4ec83c8907888d006a37debf755ee39766f38ae",
            "name": "Global Currency Unit",
            "decimals": "18",
            "symbol": "GCU",
            "totalSupply": "88888888000000000000000000000",
            "owner": "0x5d01bad722f5b6856c34851f16a22f7d967c39c5",
            "lastUpdated": 1566825626,
            "issuancesCount": 0,
            "holdersCount": 27547,
            "price": false
          },
          "balance": 2.5e+22,
          "totalIn": 0,
          "totalOut": 0
        }
      ]
    }
    Ответ написан
    1 комментарий
  • Как привязать веб-элемент к процентной высоте окна браузера?

    SmthTo
    @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть.
    Смените сложность вопроса на «лёгкую», это базовые свойства CSS.

    Если нужно фиксировать на экране, то position: fixed + viewport-единицы (можно тупо в процентах в данном случае, ибо позиционируем относительно окна):


    Если без фиксации при прокрутке и внутри любого блока, то тут уже обязательно viewport-единицы, чтобы не зависеть от обёртки и брать размеры прямо у окна браузера:


    Учтите, что viewport-единицы в мобильных браузерах (Chrome Android и iOS Safari) со схлопываемыми (косое слово, да) панелями учитывают размер окна без учёта этих панелей в раскрытом состоянии, поэтому они могут перекрывать этот блок, пока не будут скрыты/сжаты.
    Ответ написан
    Комментировать
  • Нормальный прелоадер для сайта или костыль?

    YumeReaver
    @YumeReaver
    Бургомистр
    Новая веха в костылестроении.
    В гугле куча способов:
    1) Создание скрытого тега img с src, который уже можн...
    2) Метод ImagesLoaded
    3) Image.onload()
    Ответ написан
    Комментировать