• Media запросы не срабатывает?

    Abr_ya
    @Abr_ya
    Уберите ";" из медиа-запроса!

    P.S. На будущее: давайте больше информации. Уверен, вам бы ответили быстрее, если бы не надо было открывать ваш сайт и там пытаться понять, что именно у вас на срабатывает!
    Примерный формат: что хочу, что вижу сейчас, что делаю. Можно иллюстрировать скриншотами!)
    Ответ написан
    Комментировать
  • Определение уровня программиста по фрагменту кода?

    Abr_ya
    @Abr_ya
    Присоединяюсь к мнению выше, что по коду можно весьма примерно оценить.
    И, наверное, чем серьезнее разработчик, тем сложнее оценить только по коду.
    Имхо, очень многое зависит от конкретного компонента и требований к нему.
    Пойду от очевидного:
    - чистота кода,
    - знание и использование в нужных местах возможностей ES6 (стрелочные, интерполяция, спред, деструктуризация),
    - умение решать промежуточные микрозадачи с минимумом кода, элегантно, легкочитаемо,
    - глядя на компонент, как ни парадоксально, можно сделать предположение, программист ещё пишет классами, или перешел на функциональные компоненты, но это не точно)),
    - в связи с предыдущим пунктом можно оценить понимание и использование жизненного цикла или хуков,
    - подход к хранению данных: стейт, контекст, ридакс etc,
    - если Redax, например, то что осталось в компоненте, что пошло в action, является ли reducer чистой функцией,
    - JS или TypsScript...

    Я когда начинал писать не думал, что такой список получится... Выходит, много можно оценить!)
    Ответ написан
    Комментировать
  • Несколько вопросов по Redux-React коду?

    Abr_ya
    @Abr_ya
    Сам только разбираюсь с Redux.
    Насколько я понял:
    1) connect связывает компонент с Redux,
    2) при этом передаются, по сути, функции и свойства (state),
    3) { type: "RUN_FILTER", ...args } - это action, и лучшая практика - выносить их в отдельный файл,
    4) action отработает в reducer-e.

    А что за приложение, кстати?)
    Ответ написан
    Комментировать
  • Как сделать превью пропорциональным?

    Abr_ya
    @Abr_ya
    Думаю, нужно уточнить, какое поведение от "неквадратных" фото вы хотите? И... реализовать его на CSS!
    Я вижу два варианта:
    - поля,
    - обрезка.
    Первый вариант можно реализовать довольно консервативно, как мне кажется. Но, думаю, в любом случае стоит посмотреть на:
    https://html5book.ru/svoystva-object-fit-i-object-...
    как советовали выше!
    Но это или без поддержи IE, или для него искать полифилл, или костыль, т.к.:
    https://caniuse.com/#feat=object-fit
    Ответ написан
    Комментировать
  • Как использовать ссылку только один раз?

    Abr_ya
    @Abr_ya
    Так как совершенно непонятна ваша система/инструменты, очень условно представляется так:
    - таблица в БД с отправленными ссылками,
    - при открытии страницы регистрации проверяете ссылку, у неё есть двоичное свойство "использована",
    - при успешном завершении регистрации помечаете ссылку, как использованную.
    Ответ написан
    Комментировать
  • Как достать текст из тега и поместить его в переменную?

    Abr_ya
    @Abr_ya
    Можно посмотреть варианты здесь:
    https://itchief.ru/lessons/javascript/javascript-d...
    Если нужно с тегами работать, или ещё какие-то нюансы есть.
    Ответ написан
    Комментировать
  • Не работает css, что делать?

    Abr_ya
    @Abr_ya
    Путь к файлу css правильно прописан?
    Что отладчик браузера показывает?
    У меня вот срабатывает ваш цвет, хоть он и бледный:5d86559948325181185560.png
    Ответ написан
    Комментировать
  • Как написать правильно скрипт для оптимизации и вывода своей метки для яндекс карты?

    Abr_ya
    @Abr_ya
    Если я правильно понял Вашу задачу, своя метка на Я.К создается примерно так:
    //создаем объект
            var myPlacemark1 = new ymaps.Placemark([44.000000,33.000000], {
                iconContent: 'someText', // текст метки, может быть произвольным
                hintContent: 'someText', // подсказка при наведении
                balloonContentHeader: 'ТsomeText'
            }, {
                iconLayout: 'default#image', // Необходимо указать данный тип макета.
                iconImageHref: 'img/marker.svg',// Своё изображение иконки метки.
                iconImageSize: [35, 50],// Размеры метки.
                iconImageOffset: [-5, -38] // Смещение левого верхнего угла иконки относительно точки привязки
            });
    
            // добавляем объекты на карту
            myMap.geoObjects.add(myPlacemark1);
    Ответ написан
    Комментировать
  • Как изменять размер яндекс карты при выводе на разных устройствах, а также при изменении их ориентации?

    Abr_ya
    @Abr_ya
    Задать media-запросы в css для контейнера с картами.
    Как вариант:
    - ширина контейнера - 100% экрана,
    - высота - 100% высоты экрана, но не более xxx точек (для больших экранов).
    Ответ написан
  • Какие есть способы вывода текста(не только в документ) на нативном JS?

    Abr_ya
    @Abr_ya
    Свойство ИмяОбъекта.textContent.
    Получать и задавать текст.
    innerHTML, если надо с тегами.
    Ответ написан
    Комментировать
  • Существует ли какой-нибудь ресурс, ознакамливающий с понятиями и структурой cms?

    Abr_ya
    @Abr_ya
    1) Основная, главная, не знаю, как ещё сказать, идея CMS - отделить контент от способа его представления и предоставить админку для того, чтобы чайник мог им управлять. Всё остальное - выбор языка, базы данных, структуры проекта, MVC, etc - решение конкретного разработчика!
    2) Мне кажется ,в наше время писать CMS - это странно. Если Вам нужна CMS - возьмите готовую, если Вам нужна база для более серьезного и гибкого проекта - возьмите один из современных фреймворков!
    Ответ написан
    Комментировать
  • Почему не работает first-child?

    Abr_ya
    @Abr_ya
    Подставил ваш фрагмент кода в чистую рыбу. Всё работает.
    Как выглядит:
    5d626a9a6e241328871761.png

    Как работает:
    5d626aa7706e9583019924.png

    Открывайте в браузере панель разработчика и смотрите, чем в вашем конкретном случае перебивается стиль!
    Ответ написан
  • Бесплатный хостинг с php7?

    Abr_ya
    @Abr_ya
    Если кто-то ищет, вот вроде неплохой вариант на сегодня (никаких рефералок):
    qlihost.ru
    Ответ написан
    Комментировать
  • Modx жив? В каких случаях стоит использовать Modx и есть ли смысл его изучать в 2019+?

    Abr_ya
    @Abr_ya
    Почему бы не посмотреть:
    - статистику использования CMS (можно ещё фреймворков),
    - вакансии с ModX и с теми же Битрикс, WP, Joomla,
    - заказы на фрилансе с тем же списком?
    Сравнить и принять решение.
    Ответ написан
    Комментировать
  • Какой курс по HTML/CSS/JavaScript вы посоветуете?

    Abr_ya
    @Abr_ya
    https://htmlacademy.ru/ хвалят.
    У них принципиально два продукта: Интерактивные курсы, которые стоят копейки, и где вы работаете сами, а сайт проверяет, что у вас вышло, и т.н. Интенсивы. Интенсивы стоят уже приличных денег, проходят с наставниками, по ним хорошие отзывы, в т.ч. от знакомых, но сам я там не был. И, да, на выходе они обещают проект(ы)!
    Ответ написан
  • Как сделать авто скрол при наведени на див?

    Abr_ya
    @Abr_ya
    JS - обработчик события наведения (mouseover) - прокрутка, тут зависит от того, насколько "красиво" хотете сделать - window.scrollBy или функция плавной прокрутки со временем (например, с использованием setTimeout) на его основе.
    Если есть желание сделать быстрее и заморачиваться меньше, можно использовать готовые решения из jQuery.
    Ответ написан
    Комментировать
  • Можно ли использовать setTimeout рекурсивно?

    Abr_ya
    @Abr_ya Автор вопроса
    Интересное поведение исправленной функции обнаружено в Firefox!
    Он поочередно скроллит то на 20, то на 40 пикселей вниз, и, следовательно, прокручивает страницу ниже, чем надо!
    Ответ написан
    Комментировать
  • Максимально простой способ внесения изменения на сайт без CMS?

    Abr_ya
    @Abr_ya
    Вариант: сохранить данные в JSON-файлы, обновлять (точнее - загружать обновленные) их по ФТП (после проверки на локальной версии), подтягивать данные из них (в т.ч. AJAX-ом, без перезагрузки хедеров-футеров).
    Ответ написан
  • Как полностью написать сайт с нуля, если ты знаешь только frontend?

    Abr_ya
    @Abr_ya
    Потребность в бэкэнде определяется тем, есть ли у Вас в проекте бизнес-логика, которую необходимо обрабатывать на сервере? И это не обязательно что-то навороченное.
    Хотите:
    - хранить даные в БД, выдавать в шаблон (функционал CMS - разделение контента и представления),
    - что-то обрабатывать на сервере - данные из формы обратной связи хотя бы, или калькулятор валют, или ватт в киловатты,
    - ещё любые действия с данными, на которые хватит фантазии, и которые Вы не можете реализовать на фронте.
    ???
    Значит надо, так или иначе, думать про бэкенд.

    А вот что это будет:
    - ваша самописка на PHP или Pythone, например,
    - готовая CMS,
    - фреймворк.
    Это уже зависит от конкретных задач, имхо.
    На любой из этих вариантов вы (со временем) или обученный человек (быстрее) сможет прикрутить ваш фронт. Но в зависимости от выбранного решения затраты сил/времени/объем допиливания будут разными!
    Ответ написан
    3 комментария