Контакты
Местоположение
Россия, Москва и Московская обл., Москва

Достижения

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

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

Все теги (32)

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

Все ответы (80)
  • Когда использовать 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».
    Ответ написан
  • Как оставить текст прежнего размера, если мы придали ему значение тега H1?

    SmthTo
    @SmthTo
    Все перепёлки мира будут оплакивать мою смерть
    Так задайте свои стили для 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
    Все перепёлки мира будут оплакивать мою смерть
    Удобно? Хм…

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

    Почесать собственную спину с помощью мизинца на ноге — и то удобнее будет.
    Ответ написан
  • Как работать с Atom CSS?

    SmthTo
    @SmthTo
    Все перепёлки мира будут оплакивать мою смерть
    Вы всем своим вопросом написали себе ответ.

    Так сказать, прибили громадными гвоздями крышку гроба «атомарного CSS».

    Ядерная дичь и говно этот «атомарный CSS», если использовать его так, как гласят больные фантазии его создателей-идеологов.

    Атомарный CSS стоит использовать как небольшое расширение, как некая надстройка из универсальных функциональных стилей среди нормальных стилей проекта.

    Иными словами, ограничить их использование до уровня .hide-xs, . visually-hidden — что-то типа такого.

    Да, безусловно, работать с этим «атомарным» недоразумением надо уметь. Но умение это сродни способности мизинцем делать дырки в батоне хлеба.

    P. S. Рыдаю:
    D(f) Jc(c) Ai(c)
      Ff(Mon) Fz(15px) Fw(400)
      Pos(r) My(10px)
      Cnt(empty)::b D(b)::b Pos(a)::b End(0)::b T(0)::b H(100%)::b W(1px)::b Bgc(#ccc)::b
    Ответ написан

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

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