klierik

я не знаю что вам надо и что вы подразумеваете под словом "калькулятор". я вашего ТЗ в глаза не видел и не имею представления что вообще вы ждёте в конечном итоге.

Что пробовал и что безуспешно?

Это в $, правильно? Так это и не дорого вовсе. хотя не так... дело в том что четкое ТЗ не сформированно, не известно что уже есть, как это работает и что должно быть в итоге. Не известно какие процессы должен выполнять калькулятор во всей инфраструктуре. Это может стоить как и $2k+ за простой js plugin так и $75k+ за интеграцию в системе. а можно пойти другим путём и переехать на другую CMS где это есть из коробки (возможно Magento CMS подойдёт, на пример). Но и в данном случае будут завтраты на содание/покупку темы + модули оплаты и импорт товаров

Да

Это дэфолтные настройки браузера: http://take.ms/gMeCi ul { margin-top: 0; } Еще используют нормализатор стилей: https://necolas.github.io/normalize.css/

флексы выравнивают блоки, но никак не содержимое. ИС в браузеры не вшивают, потому надо делать всё самому. Тут требуется грамотно создать структуру html и описать css для неё. Все решабельно, но: если у тебя есть доступ к изменению HTML, в таком случае читай про Flex: Практическое применение FlexBox

Так как я люблю ходить в гости в разные ИТ-компании на рынке, общаться с персоналом, смотреть на железо за которым работают, то грубо говоря тенденция следующая: Front-end — MacOS (mbp) Back-end — Ubuntu linux (lenovo/dell) Это не аксиома, лишь наблюдение. По хорошему в компаниях дают тебе то железо какое ты хочешь. На пример mbp + пару 24" мониторов

Всё работает отлично. Дело в том что ты не понимаешь своей проблемы и потому не можешь правильно сформулировать задачу. Как было сказано выше используй CSS Flex: http://take.ms/hFcq4 Применив правила, указанный в скриншоте, высота всех блоков будет равна. Но, визуально они не будут равны, потому как содержимое блоков (контент) имеет разное наполнение (и высоту) — в этом, как раз, и проблема. Картинка товара у тебя всегда будет одинакова, а вот описание и заголовок — нет. Есть несколько путей решения проблемы, но вёрстка в данном случае не подходящая, потому проще поиграться с высотой блоков. Имя товара имеет высоту строки == 22px. Мы допускаем что имя может занимать как 2 строки так и одну, а значит мы можем резервировать место под него вот так: http://take.ms/Ql6VK Далее у нас есть описание товара которое может занимать 1-2 строки так же — http://take.ms/Yd1xZ (54px потому что надо учесть по 5px). Ну и так далее по образу и подобию подгоняй под себя.

Лет, наверно, 7 тому я искренне пытался переехать на Ubuntu, но в итоге боли больше чем профита. Особенно это касалось проблем с PSD — неудобно работать в виртуалке с редактором. А сейчас поди скетч, авокадо, зеплин заполоняют эту нишу и опять линукс пролетает. О windows в последние годы слышу многое хорошее, кстати, в плане стабильности. Начиная с 8.1 друзья-девелоперы как ставят её 1 раз так и стоит себе годами без каких либо проблем. Хотя бекенд предпочитает работать на Ubuntu, все же. Не надо проходить мимо macOS — тут и *nix из коробки, и софта навалом, и в стабильности не уступает конкурентам. Хотя прийдется ставить Хакинтош со всеми вытекающими. Выбор, по сути, не такой уж и простой, но и сложным им не назовешь. PS: не агитирую ни за одну из перечисленных ОС, для себя выбрал то что лично мне удобнее чего всем и рекомендую.

Почитай про CSS Flex

Переименовал тему на более подходящую

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

Вопрос слишком абстрактный. Что уже сделано?

1. нет 2. на пример в иконках 3. нет, есть фотошоп, иллюстратор

выложи в jsfiddle

https://jsfiddle.net/klierik/o7exdyya/3/

Потому что размер шрифта и высота строки — это разные вещи.

объеденил темы.

Та работает всё — задай блоку высоту

Всё работает как надо — https://jsfiddle.net/klierik/wurmy9nt/ Ищи ошибку у себя

Проще воспользоваться одним из плагинов jQuery, на пример: https://igorescobar.github.io/jQuery-Mask-Plugin/

Выкладывай в песочницу

Скорее всего можно и обойтись но с ней удобнее

Если вопрос про всё тоже окно — пиши тут

А о какой CMS идет речь?