В Краснодаре установили памятник участковым. Многие сочли его слегка непропорциональным

I. Через фоновое изображение

- Создаем div;

- Задаем ему нулевую высоту;

- Задаем ему фоновое изображение;

- Обнуляем размер фонового изображения;

- Создаем псевдоэлемент before;

- Наследуем фон от родителя;

- Делим высоту на ширину и умножаем результат на сто чтобы получить значение для padding-top;

- В результате получаем следующие стили:

.image {
 background-size: 0 0;
}

.image:before {
 content: '';
 display: block;
 padding-top: 56.25%;
 background-image: inherit;
 background-repeat: no-repeat;
 background-size: cover;
}

II. Через свойство object-fit.

Если поддержка браузеров вас устраивает и вы знаете значение одной из сторон картинки, то вы можете использовать свойство:

object-fit: cover;

Если ширина картинки равна 500px, а соотношение сторон должно быть 4:3, то все что остается сделать это:

(3 / 4) * 500 = 375

В итоге стили будут выглядеть примерно так:

img {
 width: 500px;
 height: 375px;
 object-fit: cover;
}

Если вам интересно то, о чем я пишу - можете заглянуть ко мне в группу вк или телеграм канал.

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

1. Таймеры. Пожалуй самая важная часть этого обновления. Я обещала их как только выпустила первую версию и наконец сделала. В приложении теперь есть 48 встроенных таймеров для приготовления разных продуктов. Они поделены на категории (Крупы, Яйца, Макаронные изделия, Пельмени, Мясо, Морепродукты, Овощи). В основу взято среднее время варки из интернета. В каждом таймере есть небольшая рекомендация по готовке.

Кроме того можно создавать собственные таймеры и также добавлять к ним описания. Там же можно создавать свои таймеры, если вас не устраивает время в тех, что есть.

А еще можно запускать несколько таймеров одновременно. Как по мне это очень полезная возможность. Когда готовишь сразу несколько блюд одновременно. Я даже хотела сделать её платной (потому что намучилась с таймерами будь здоров), но когда дописала и сама начала этим пользоваться, то желание поделиться пересилило (на самом деле мне просто стало лень допиливать разделение на платное/бесплатное и один/несколько таймеров, я и так на них месяц потратила).

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

2. Возможность поделиться рецептом. Это то, что не планировалось, но многие очень просили. Тут все просто - на вкладке с сохраненными рецептами теперь есть кнопка, нажав на которую вы отправляете список ингредиентов и текст рецепта другим людям. Также отправляется файл, но это уже зависит от приложения, через которое вы делитесь (например, в вк в последних версиях поломалась отправка файлов из других приложений. телеграм сработает отлично, почта тоже, whatsapp почему-то берет только файл).

3. Настройка точности вычислений, т.е. количества знаков после запятой в числах. Можно теперь выбрать точность от 1 до 5 знаков. Находится на экране настроек.

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

5. Добавление фото к рецепту. То что не успела сделать в прошлом обновлении. В режиме редактирования рецепта нажимаете кнопку с камерой и добавляете фото. В режиме чтения рецепта по той же кнопке просматриваете фото.

6. Кнопка создания нового рецепта теперь вынесена вверх. Раньше чтобы заполнить новый рецепт нужно было очищать старый, не всегда это было удобно и интуитивно понятно. Много вопросов на почту, в комментариях и отзывах было на эту тему. Поэтому я сделала этот момент более понятным.

7. Ну и последнее о чем стоит рассказать и что вам не понравится ). Много сообщений было о предложениях как-то поддержать проект, добавить кнопку доната, добавить рекламу. Плюс много сообщений с просьбами не бросать проект и что-то добавить. Кнопку доната просто так не добавить, гугл за это больно ругается. Поэтому для поддержки проекта была добавлена реклама. Но сразу скажу, что это никаких полноэкранных заставок или видео на полминуты. Только баннер внизу экрана. И то он будет показываться не всегда.

В общем, обновление писалось долго и пост вышел длинным, но я старалась и надеюсь вам понравится. Особенно таймеры, от них я правда сама в восторге. Ссылка на само обновление:

https://play.google.com/store/apps/details?id=com.linarapps.kitchenassistant

P.S: Только смотрите, чтобы версия была 1.2.1, а то я 1.2 глубокой ночью выкладывала и немного там накосячила, пришлось быстро исправлять =)