Мне не очень нравится майонез.
Контакты
Местоположение
Россия, Москва и Московская обл., Москва

Достижения

Все достижения (10)

Наибольший вклад в теги

Все теги (44)

Лучшие ответы пользователя

Все ответы (144)
  • Когда использовать jpg а когда png?

    SmthTo
    @SmthTo
    Все перепёлки мира будут оплакивать мою смерть
    Типичные примеры использования:

    JPG — фото, иллюстрации без прозрачности, где важны цвета, переходы, оттенки и т. п. В таком случае JPG выигрывает у других форматов в плане соотношения качество/цветность/размер. Так себе для контрастных схем и текстов.

    PNG — фотографии, схемы, графические элементы с прозрачностью, всякие вылетающие за границы элементы, где относительно много цветов (фото людей, инопланетян и т. п.). При соотносимом с JPG размере файла, PNG содержит гораздо меньше цветов, а сравнимые с JPG по количеству цветов файлы PNG будут весить очень много (поэтому для фото используют JPG). Если дело доходит до схем и текстов, PNG предпочтительнее JPG в силу отсутствия артефактов на контрастных краях.

    GIF — анимации. Ну тут вообще отдельная песня.

    SVG — иконки, иллюстрации, поддерживает прозрачность, бесконечно тянется. Обычно те же иконки в SVG весят меньше, чем в PNG при одинаковом фактическом размере использования. Можно анимировать (отдельная тема и куча особенностей) и управлять с помощью CSS и JS, если встраивать inline. Наверное, самый чувствительный к ошибкам формат (потому что состоит из кода): сложный SVG-файл может убить производительность.

    P. S. Я не могу описать все случаи, бывают уникальные, так как процесс выбора формата зависит от контента вашего изображения. В каждом конкретном нетипичном случае, думайте сами. К примеру, если векторная иллюстрация весит много, есть смысл перевести её в JPG или PNG. Иногда SVG-иконка может весить больше её PNG-аналога (при одинаковом фактическом размере, например, 100 на 100 пикселей), тут многое зависит от методов и качества создания таких иконок. Как правильно отметил @Adamosу, иногда затраты на рендеринг SVG (на стороне клиента) не окупают его преимуществ, и приходится использовать растровые изображения. Ну и т. д… Особенностей использования форматов — куча.

    P. P. S. Почитайте о Retina, ибо нет никакого «для ретины следует юзать JPG».
    Ответ написан
  • Как реализовать чёрточки между символами в input?

    SmthTo
    @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть


    Нужно четко в таком варианте определить размеры, четко определить шрифт и т. п. — чтобы не скакало. Ну и ограничить длину ввода в полях через JS.

    UPDATE №1. Шрифт должен быть моноширинным.

    UPDATE №2. Есть проблема из-за letter-spacing у последнего символа в input'е (появляется прокрутка). Хак с отрицательным margin на ширину letter-spacing тут не сработает. Я знаю только один вариант исправления этого — div как обертка и блок внутри с тем самым хаком и contenteditable. Т. е. нужно будет настраивать JS для получения данных отсюда. Вот тут это все есть + есть простой скрипт для ограничения вводимых в область символов, чтобы понять идею:

    Ответ написан
  • Как оставить текст прежнего размера, если мы придали ему значение тега H1?

    SmthTo
    @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть
    Так задайте свои стили для h1.

    h1 {
      font-size: 16px; /* ну или что там у вас тут будет; inherit, em, rem */
      font-weight: normal; /* сброс начертания до обычного */
    }

    Код выше будет работать для всех h1. Если не хотите, делайте более специфичный селектор, опираясь от класса обёртки-родителя, т. е. смотрите вашу разметку.

    На всякий пожарный случай:
    https://learn.javascript.ru/css-selectors.

    P. S. Номинант на премию «Вопрос-ответ года».
    Ответ написан
  • Можно ли школьнику лет 12 начинать самому изучать web-программирование?

    SmthTo
    @SmthTo
    Все перепёлки мира будут оплакивать мою смерть
    Да, можно, почему нет?

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

    Вот я в этом возрасте только теребонькал, поэтому потерял много времени, а жаль (на самом деле — не жаль, LOL).
    Ответ написан
  • Автовёрстка HTML & CSS. Стоит ли?

    SmthTo
    @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть
    Удобно? Хм…

    Ну раз удобно, попробуйте использовать выданный ими код в реальном проекте — сразу всё поймёте :))

    Почесать собственную спину с помощью мизинца на ноге — и то удобнее будет.
    Ответ написан

Лучшие вопросы пользователя

Все вопросы (6)