Задать вопрос
  • Как в текстовом поле выбрать пользователя через @?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Если слышали про js, то:
    1. keyup для отслеживания нажатий
    2. keycode для определения введенного символа
    3. Что-нибудь для показа окна со списком (сотни вариантов реализации)
    4. Если надо, какой-нибудь запрос для получения списка
    5. onclick для определения выбранного
    6. Обработка введенного текста уже произвольным способом

    Если с чем-то из этого непонятно на уровне "что тут вообще написано", то никак)
    Ответ написан
  • Как обновлять состояние по таймеру?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Если нужно точное время - то это не лучшая идея. setInterval и setTimeout имеют лаги, которые начнут проявляться на дистанции.
    Самый простой таймер это "текущее время - время запуска таймера". Таким образом, хранить надо не текущее положение счетчика, а время начала отсчета. А вот отрисовывать его да, по интервалу.

    т.е.:
    const startTime = newDate().now()
    setinterval(()=>{
    formatTimeToYourNeeds(new Date().now() - startTime)
    }, 1000)


    При таком раскладе вы не только получаете точный таймер, но и возможность изменять его, например выводить с точностью нужной точностью и интервалом
    Ответ написан
    Комментировать
  • Где можно проверить качество верстки?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Можно так, но стоит денег:

    https://www.pullrequest.com/
    https://www.codementor.io/html_css-experts
    Ответ написан
    Комментировать
  • Делегирование в cloneNode, как реализовать?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Если коротко, то cloneNode не умеет в делегирование. Если по сути, то можно попробовать так:
    1. Создаете обработчики отдельным методом
    2. После клонирования просто вешаете обработчики заново.
    3. Перед удалением грохаете слушатели

    Что-то типа такого:

    Собственно, по сути предложение - это разделение event-менеджмента и управления версткой
    Ответ написан
    Комментировать
  • Как решить ошибку в браузере?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Сервер отдает файл не с тем типом данных. Возможно - просто не может найти файл и отдает какую-нибудь лажу типа 404, возможно - некорректно настроен. Для css адекватный mime - Content-Type: "text/css"

    Короткое решение - удалите rel=stylesheet
    Адекватное - настройте сервак, чтоб нужные типы отдавал

    Возможно, где-нибудь здесь найдете ответ: https://expressjs.com/en/starter/static-files.html
    Ответ написан
    Комментировать
  • Как сверстать такие элементы (текст, через буквы которого видна картинка; кнопка, внутри неё стрелка, которая выходит за границу кнопки)?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    svg + css + html
    1. ::first-letter
    2. https://codepen.io/phpcodertech/pen/ZEQYBgQ
    3. ::afer
    4. https://css-tricks.com/snippets/svg/curved-text-al...
    5. ::after, ::before и иже с ними

    Вообще, вариантов реализации каждого вопроса более 1. Рекомендую как всегда курить спецификации - mdn хотя бы. Ответы взял не из головы, а из гугла - если там не забанили, можно посмотреть)
    Ответ написан
    Комментировать
  • Как закреплять блоки, когда доскролили к ним?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    максимально похоже на стики - это стики)
    .item--aside {
      position: sticky;
      top: 0;
    }
    Ответ написан
    Комментировать
  • Какая есть удобная простая ЦМС?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Простая и удобная - хз, под требования Drupal подойдет вполне
    Ответ написан
    1 комментарий
  • Как адаптировать блок?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    5d0219ed2332e226184760.png

    Может, стоит закрыть открытый тег ДО выхода из цикла и условий?)
    Ответ написан
    Комментировать
  • Как в разные div'ы вставлять разные рандомные картинки?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    sha = function(){
    return Math.floor(Math.random() * 2);   
    }


    ну и, соответственно,
    document.getElementById("imaaaga").innerHTML = '<img src="img/'+sha()+'.png" border="0" />';
    document.getElementById("imaaaga2").innerHTML = '<img src="img/'+sha()+'.png" border="0" />';
    Ответ написан
    Комментировать
  • Как сделать так, чтобы анимация css проигрывалась только после скролла на этот блок?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Вполне возможно.
    1. Слушатель на скролл корневого документа
    2. Внутри слушателя - проверка высоты скролла, сравнение ее с позицией блока. Если мы проскроллили больше, чем высота блока, то блок видимый (на экране)
    3. Когда блок стал видимым, добавляем ему класс, на который завязана анимация
    4. При необходимости, когда блок уходит за границы экрана, класс можно убрать, чтоб анимация повторялась
    Ответ написан
    Комментировать
  • Как исправить The requested URL /gen.php was not found on this server?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Как исправить?
    Написать свой gen.php, в котором будет реализован функционал генератора чисел.
    Как сделать, чтоб работало?
    Обращаться не к gen.php, а к xn--80akjcielidvhr6cf.xn--p1ai/gen.php
    Что происходит?
    А вот это единственный правильный вопрос, с которого надо было начать. Вы пытаетесь обратиться к скрипту генератора чисел, расположенному на Вашем сервере. Он возвращает 404 ошибку. Почему? Потому что не находит файл. Почему? Потому что его там нет. Почему? Потому что его туда не положили. Почему? Потому что при копировании сайта копируется только frontend, и то не всегда весь. Почему? Потому что нехрен заниматься кражей чужой интеллектуальной собственности, когда собственного уровня знаний не хватает на то, чтоб осознать причину 404 ошибки и продолжить логическую цепочку.
    P.S. Скрипт генерации случайных чисел - это 10 строк кода. С учетом проверок и условий из исходного сайта. Потрудитесь загуглить "генератор случайных чисел php" - сможете написать свой за 20-30 минут по многочисленным мануалам.
    Ответ написан
    Комментировать
  • Как сделать более плавное появление панели?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Например, велосипедом

    https://codepen.io/anon/pen/KYYdpb
    Ответ написан
    Комментировать
  • В сайте на Wordpress появилась строка с непонятными буквами, что делать?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Посмотрите на модуль NextGEN Gallery
    Возможно, его поставили. Возможно, наоборот, удалили. Возможно, поставили другой модуль, который мешает работать этому. Или наоборот, какой-то не поставили. В общем, суть в том, что он не особо хорошо работает, а почему и как это исправить - это уже отдельный вопрос, требующий деталей.

    Предположу, что у Вас не хватит опыта разобраться с ней, из чего следует несколько возможностей:
    1. Базовое - откатить сайт, посмотреть, есть ли проблема в предыдущей версии
    2. Простое, но дорогое. Снимите себе фрилансера на пару часов, скорее всего часа полтора из этого времени он будет рассказывать Вам анекдоты.
    3. Попробуйте закопаться самостоятельно. Понятия не имею с чего начать.
    4. Опишите более подробно ситуацию с сайтом, посмотрите на плагин, прошлые версии - может, сообщество выручит.
    Ответ написан
  • Как исправить ошибку в Wordpress?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Ссылку на фото поправьте.
    Ответ написан
  • Мои письма попадают в спам - что делать?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    https://mxtoolbox.com/SuperTool.aspx?action=mx%3aa...

    Посмотрите на DMARC для начала, потом можно стандартные телодвижения воспроизвести вроде проверки DCIM, ответов серверов, публичных спамобаз и т.п.
    Там видно будет, где косяк.
    Ответ написан
    2 комментария
  • Почему вордпресс генерирует вместо текста символы?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Эти символы - всего лишь надпись "пла". Вот тут можно почитать
    Почему появились? Возможно, где-то лишнее экранирование вывода было сделано. Киньте линк на посмотреть.
    Ответ написан
    Комментировать
  • Как распарсить эту строку?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    На php - примерно никак (хэш не отправляется на сервер с запросом)
    На JS + php:
    дергаем хэш через
    document.location.hash
    Потом отправляем на сервер любым удобным способом.
    Ответ написан
    Комментировать
  • Как сделать анимацию появления картинки?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Вопрос. Интересует только картинка (читай - фотография барышни в платье) или весь набор анимаций?
    Вот первые несколько, которые разглядел:
    1. Сдвиг кораллового прямоугольника
    2. Скейл барышни
    3. уменьшение ширины (или сдвиг с низким z-index) кораллового прямоугольника
    4. Появление всех иконок вкруг (fade-in + сдвиг с разных сторон)
    5,6. fade-in+ сдвиг вверх для заголовков (по очереди)

    Ну и так далее.
    По поводу реализации - барышня проще всего сделана, простой scale.
    По поводу реализации всей картинки - либо красиво отрабатывать кейфреймы, чтоб все санимировалось в срок на чистом CSS, либо пилить набор событий на JS и запускать.

    P.S. Я мало-мало олень, на истину в конечной инстанции не претендую
    Ответ написан
    2 комментария
  • PHP+JS Трудности с выбором учебно-боевого проекта?

    kosolapus
    @kosolapus
    Если помогло - отмечайте решением
    Привет! Пара наводящих вопросов:
    1.
    кратчайшее время

    речь идет о часах, неделях или месяцах? За пару часов с гуглом реально собрать простецкое CRUD-приложение, которое будет гордо именоваться "100001'ый TODO-list". За пару недель - внимательно прочитать какой-нибудь учебник/справочник/мануал вроде javascript.ru, который расскажет о базовых вещах, но не расскажет о деталях и нюансах. Опять же, только прочитать. Может, выполнить часть тестовых задачек. Если в распоряжении месяцы, можно параллельно читать справочник мозиллы, проштудировать какие-нибудь онлайн курсы и с пониманием инструмента начать работать над проектом. Ну а если кратчайшее время - это пара лет, то велкоме в мир фреймворков, кроссбраузерной гадости и неточных вычислений. Так что для начала советую определиться с временными рамками, в которые хочется уложить проект.
    2.
    Я в этой теме полный нуб

    В теме php/js или программировании в целом? это, скажем так, довольно важный коэффициент для расчета перспектив любого реализуемого проекта)
    3.
    нет лучшего способа
    для начала - читайте мануалы/справочники/стандарты. Это не даст понимания работы всех механизмов языка, но даст сведения о словах, которые будут встречаться в процессе.
    4.
    затребует полноценного базового освоения

    Так полноценного или базового? Базовый, как уже писал выше, собирается в компании с гуглом за час-два, запускается и удаляется нафиг с сервера, т.к. остается унылым шлаком с тысячами повторов на просторах.
    Исключение - это узкоспециализированная задача, которая должна решаться в пару действий и еще не решена, т.к. это нужно узкому кругу людей. Полноценное изучение может и годы занимать - языки-то растут и развиваются, там что у php, что у js уже давно свои собственные экосистемы в виде наростов из фреймворков и библиотек.
    5.
    включить в портфолио

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

    Ну а чтоб портянка не была совсем кучной и оффтопной, вот пара примеров приложений, которые можно запилить на коленке, постараюсь раскидать по степени сложности (сам ничего из этого не делал, поэтому могу упустить какой-нибудь суперважный нюанс)

    0. Одно время работал в караоке, слышал такую просьбу - "хочу приложение, с которым можно будет по столикам планшеты разложить и с каждого столика песни принимать прямо на месте". Это прям задача целиком из мира клиента - ничем нихрена не обозначены границы реализации, возможности и требования к софтине. Ищешь спецификацию на караоке-машину, составляешь себе ТЗ, отрисовываешь дизайн, продумываешь и прописываешь логику, настраиваешь работу сервиса - и хоть ща иди продавай) Задачка простая, но покопаться можно вполне себе.

    Дальше типовое:
    1. TODO-лист. Дрянь редкостная, коих полно. Время изготовления - пара часов под гуглом.
    2. Тест. Чуть сложнее листа, если в примитивном варианте.
    3. Бложек. По уровню сложности - в районе предыдущих, но тут куда больше нюансов, которые придется продумать. Первый шаг в сторону бизнес-логики)
    4. Чатик. Велкоме в асинхронный мир, легкий перелом мозга гарантирован (но все еще просто и полно мануалов по сабжу)
    5. Чатбот а-ля "живосайт" с завязкой на телегу или другой мессенджер. Добавляем бизнес-логике работу с внешними апи.
    6. Сервис по обработке данных. Собери аналитику, которую никто не собирал, обработай и красиво отдай.
    7. Стартапъ. Гугли тренды и пробуй повторить.
    Ответ написан
    Комментировать