Адаптивная верстка и дробные числа: несколько полезных доработок списка калькуляторов

Константин Булгаков
Константин Булгаков
18 Мар.2019
Коллеги, всем добрый день! Сегодня пишу с важной новостью.

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

Ошибки

Путем разбора ваших обращений, удалось выявить следующие технические ошибки:

1. Удаление части вводимого числа. Вставляем с клавиатуры значения с пробелом, например 230 388 и форма удаляет числа после пробела (получается 230).

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

3. При добавлении в поле десяти знаков, начинается какая-то белиберда. Ниже гифка с проблемой.

Доработка калькулятора

4. Неадаптивные к мобильным экранам поля и формы в калькуляторах. Необходимо сделать дружелюбное отображение полей калькулятора на устройствах с маленьким экраном.

Итого

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

  • Число содержащее пробел корректно отображается в полях даже после переноса из таблиц и ячеек Excel. Значение приводится к виду 230388;
  • Дробные числа в поле при вводе и в итоговом значение приводятся к единому формату — разделителем является запятая.
  • Исправлен баг с вводом более десяти знаков в поле.
  • Доработана адаптивная верстка страниц. Ниже представлен дружелюбный вид калькулятора CPA на мобильном устройстве.

Несколько скриншотов работы калькулятора.

Калькулятор CPA

Отображение калькулятора на мобильном устройстве.

Калькулятор на мобильном устройстве

Исправления внесены на сайт и ждут вашей оценки. Пишите на контактную почту info@konstantinbulgakov.com, если удастся выявить технические проблемы в работе или ошибки в описании к инструментам.

Вы можете самостоятельно потестировать функционал, жмите по ссылке.

Не забывайте поддерживать проект финансово и подписываться на материалы и статьи сайта. Вся информация в блоке ниже!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *