• Как найти ошибку в коде js?

    Seasle
    @Seasle Куратор тега JavaScript
    1. В assignValue creditTermRange.value = creditTermRange.value; меняем на creditTerm.value = creditTermRange.value;
    2.
    totalAmountOfCredit.innerHtml= `${lounAmount} ₽`;
    totalMonthlyPayment.innerHtml= `${monthlyPaymentArounded} ₽`;
    totalRecommendedIncome.innerHtml= `${monthlyPaymentArounded  + ((monthlyPaymentArounded / 100) * 35)} ₽`

    Тут ошибка, необходимо писать .innerHTML, но я советую использовать .textContent
    Ответ написан
    1 комментарий
  • Оцените дизайн лендинга?

    bersus
    @bersus
    https://bersus.design
    Но от border-radius я бы вообще ушёл, исходя из первой секции.
    Ну и да, градиент из жёлтого в серый убрать (кровать во второй секции).

    Ну, а в целом, для первого раза весьма неплохо.
    Ответ написан
    Комментировать
  • Оцените дизайн лендинга?

    @Istinal
    Добрый день.
    Какие я вижу вашем слайде Лендинга проблемы. 5e64fdd147695101348863.png

    1. Телефон как-то странно подчеркнуть линией. лучше добавьте с краю иконку. чтобы выделить номер телефона.
    2. Кнопка сильно вытянутая текст в ней кажется очень маленьким. (тут нужно поиграть с кнопкой и текстом)
    3. Расстояние между кроватью и текстом с точками довольно близкое.
    4. Точки идут какой-то лесенкой это не очень хорошо, складывается мнение, что вы забыли выравнять их.
    5. текст в карточке "подробнее" слишком близко примыкает к границам карточки как сверху так и снизу
    6. Диван с левой стороны и правой сильно примыкает к границам карточки, нет воздуха.
    7. меню сайта не видно, оно сильно примыкает кверху, плюс сливается с фоном заднего вида. Логотип, главная, о нас, каталог, контакты, тоже сильно к друг другу примыкают.
    8. та же проблема что и везде, у текста "Почему именно мы" мало воздуха сверху страницы.
    9. Смотря на ваш сайт создается ощущение, что вы все старались максимально близко к друг другу расположить.

    Я сам тоже только учусь дизайну и многое не знаю. Но своими мыслями с вами поделился, надеюсь мой отзыв вам будет полезен.
    Ответ написан
    1 комментарий
  • Как избавиться от замкнутого круга с портфолио и опытом работы?

    copist
    @copist
    Empower people to give
    Привет. Могу помочь разорвать цепочку, оформить веб-портфолио дизайнера и разработчика https://webmentor.pro/portfolio

    В качестве идей для веб-дизайнера:

    Посмотри не на themeforest, где уже целые темы - это сложно для начинающего концепцию целого сайта придумать, а на https://dribbble.com/ - там дизайнеры публикуют очень небольшие по объёму работы, например только форма обратной связи или одна страница приложения-чата.

    Первый вариант - ревью чужих работ.
    Как дизайнеру я предлагаю тебе взять раздел "Дебюты" https://dribbble.com/shots?list=debuts, оценить любую работу по качеству, найти недостатки. Считай что ты как будто занимаешься приёмом на работу другого дизайнера. Встал на другую сторону так сказать.
    После твоего же ревью найди возможность улучшения чужой работы, исправить самостоятельно, то есть перерисуй с учётом своих же замечаний.
    После этого в портфолио можно вставить чужую работу как образец, свои замечания к ней и переработанную личную версию. С пометкой "ревью", "ремейк", "по мотивам". Это не воровство, а абсолютно самостоятельная работа.

    Второй вариант, который встречается на практике - рисовать новые страницы сохраняя общий стиль и идею.
    Вот дали тебе PSD макеты нескольких страниц или UI Kit с полным набором всех элементов интерфейса. Нарисуй страницу, которой нет. Например, у тебя на руках только PSD главной страницы и формы обратной связи. Как бы выглядела страница со списком клиентов, страница тарифов, страница личного кабинета пользователя, страница витрины интернет-магазина в том же стиле? Эта работа дизайнера. Они не всегда рисуют дизайн с нуля. Бывает к проекту подключают второго или третьего дизайнера и они обязаны продолжать работу в одном стиле.
    Это не воровство, а тоже абсолютно самостоятельная работа.

    Третий вариант - имитация работы с заказчиков и исполнителем.
    Ты ведь часто ходишь по сайтам, мы все тут часто куда-то ходим. Поставь себе таймер на какой-нибудь момент времени и когда он сработает - СТОП! - та страница, на которой ты сейчас находишься - она требует срочного редизайна.
    1) представь, что ты сам заказчик:
    посмотри на то что уже есть на странице;
    определи задачу, которую решает эта страница;
    определи задачу, которую решает этот сайт;
    опиши задание дизайнеру на редизайн
    2) представь, что ты сам дизайнер:
    сделай прототип;
    черновой дизайн;
    и наконец выполни задачу
    И это не воровство, а самостоятельная работа.

    В качестве идей для веб-разработчика:
    Запрограммируй то, что видишь на макете. Можно использовать тот же https://dribbble.com/ - там полно целых макетов сайтов и отдельных элементов интерфейса.

    Покупать только PSD считаю бесполезной тратой. Рекомендую брать сразу готовый результат вёрстки (то есть HTML шаблона сайта), к которому прилагается PSD, чтобы сделать вёрстку самостоятельно и потом сравнить свой вариант и вариант более опытного верстальщика. Учиться у старших, можно сказать. Особенно ценными считаю макеты, у которых есть ревизии, то есть их переделывали несколько раз, исправляя замечания.
    Ищи в google по фразе "free PSD HTML5"
    Примеры:
    bootflat.github.io
    https://thesiteslinger.com/blog/free-html-templates
    graphicdesignjunction.com/2015/10/html5-website-te...

    Есть вариант списаться с дизайнерами, которые выложили на themeforest только PSD макеты. Их можно сверстать и продавать самостоятельно или совместно с автором темы согласно вашей договорённости.

    Конечно же веб-разработчику каждый HTML макет в итоге нужно запрограммировать. Сделать на его базе сайт с нужной функциональностью, решающий какую-то задачу. А какую именно - придумай сам.
    Генераторы идей:
    tevko.github.io/practice/index.html
    https://copist.ru/ru/blog/2016/02/11/pet-project-ideas/
    Ответ написан
    Комментировать
  • Как оформляется CSS если два одинаковых стилей но разные разделы?

    @RuComMarket
    Битрикс FullStack разработчик
    эх, как приходится потом мучатся с такими верстаками, которые понатыкают классов по названиям, и *** насадишь эту кривую верстку.
    Никогда не называй классы по контенту!!!
    Если есть возможность привязать стили к блоку без класса, то привязывай, например:
    <section id="block">
    <h2></h2>
    </section>

    #block h2 {
    ...
    }

    В данном случае нежелательно прописывать класс к h2, как многие делают, а в некоторых случаях это делать нельзя, т.к. при правке контента(если сайт на cms с возможностью редактирования через морду) класс может слететь, и будут стили без дела место занимать.

    Так же необходимо понимать, где статичные блоки, где динамичные; на какие элементы будут вешаться события и будут ли эти блоки подгружаться по аяксу;
    Если в разделе есть скрытые блоки (например попапы) НИКОГДА не уводи эти блоки куда нибудь в футер, они должны быть по структуре именно там, к какому блоку они относятся.
    Если есть 2 и более блока одинаковые по стилям, дай им один класс, если у них небольшие различия подумай про псевдоклассы.
    Вообщем, чем меньше тегов и атрибутов, тем читабельнее и динамичнее код получается, он легче весит, его легче затем править или расширять, а главное его проще насаживать!
    Ответ написан
    Комментировать
  • Как оформляется CSS если два одинаковых стилей но разные разделы?

    Kozack
    @Kozack Куратор тега CSS
    Thinking about a11y
    Зачем? Вот поставьте перед собой вопрос: Существует ли проблема? Проблема может возникнуть в будущем? Как её решить? Какие побочные эффекты принесет решение? Что сделать чтобы эта проблема не повторялась?
    И уже отталкивайтесь от ответов на эти вопросы. А делать просто так что-то не понимаю зачем — не стоит.
    Ответ написан
    2 комментария
  • Как добавить формулу в js?

    @Floatname
    <form action="" onchange="calcPrice()">
      <input  required placeholder="ширина" id="a" type="number"><br> <br>
      <input required placeholder="высота" id="b" type="number"><br>
      <input required placeholder="результат" id="rezultat" type="text" disabled> 
    </form>

    function calcPrice () {
       let firstInp = Number(document.querySelector('#a').value); 
       let secondInp = Number(document.querySelector('#b').value);
    
       var mirror = 660;/* сумма за квадрат зеркала*/
       var meter = 140; /* сумма за пог.метр обработки краев зеркала(периметр) 
                          формула: (ширина+ширина * высота+высота) (a+2*b+2)*140 */
       if (firstInp !== 0 && secondInp !== 0) {
         let rezultat = ((firstInp + secondInp) * 2 * meter) + ((firstInp * secondInp) * mirror);
          document.getElementById('rezultat').value = `${rezultat}`;
       }
    }
    Ответ написан
    1 комментарий
  • Здравствуйте, как центрировать table при клике, таблица раскрывающиеся?

    @historydev Куратор тега JavaScript
    Острая аллергия на анимешников
    CSS(Предварительно обернём таблицу в блок .block):
    .block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    }
    
    Свойства погуглите, ничего сложного
    Ответ написан
    2 комментария
  • Здравствуйте, как центрировать table при клике, таблица раскрывающиеся?

    Seasle
    @Seasle Куратор тега CSS
    На основе песочницы, таблицу оборачиваем в «обёртку», например в div.wrapper. В CSS для .wrapper пишем
    .wrapper {
      display: flex;
      justify-content: center;
    }
    , у .table убираем display: none и ставим его в .wrapper. Для селектора .price:hover ~ .table меняем .table на .wrapper
    Ответ написан
    1 комментарий