• Как создать онлайн сервис конструктора всплывающих окон?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Бекенд - делает серверную логику,
    Фронтенд - делает клиентскую логику,
    Верстальщик - верстает сервис, по макету, нарисованному дизайнером
    Дизайнер - рисует дизайн сервиса

    По 1му каждый. Можно убрать верстальщика и оставить только фронтенд разработчика, при условии, что тот умеет верстать(хотя, он должен уметь верстать, но, некоторые уже не любят этим заниматься).

    Тз, откуда мне знать, как его правильно составить, если я не знаю весь функционал вашего сервиса, пускай он и похож на другие. Для начала выпишите себе весь функционал, опишите работу этого функционала, что с чем должно взаимодействовать. Какой должен быть личный кабинет, что в нём должно быть, сайты, на которых размещено окно, графики какие-то или ещё что-то. Если вообще не знаете, то я бы на вашем месте сначала изучил сервисы, которые вы привели в пример. Как и что у них сделано, выписал бы минусы того сего, плюсы какие у них, отличие друг от друга. Эти данные использовать для построения своих требований для своего сервиса.

    Порядок действий.
    1) Описали всю логику сервиса, ПОЛНОСТЬЮ, до мельчайших деталей, прям каждую писечку!!!! Всё всё всё. После прочитать раза 3 от начала до конца, 100% появятся правки или дополнения. Все функции по монетизации, тарифы, личные кабинеты, конструктор самого окна, функционал вставки этого окна и всё всё всё. Ибо никто не станет вам на добром слове вносить изменения в созданную прогерами архитектуру проекта, потому что вы, не удосужились вписать новое требование в тз. С вам, что логично, потребуют доп плату уже к той, что была оговорена в начале.

    2) Ищите дизайнера. Нашли? Отлично! Тогда:
    1.1) По вашему тз делается прототип, того, что и как будет расположено на сайте, где какие элементы. Это как первые наброски, чертёж, если угодно.
    1.2) На основе этих набросков рисуется макет, утверждается дизайн сервиса.
    1.3) Утвердили все страницы, все элементы, все всё всё. У вас уже есть то, как выглядит ваш сервис.

    3) Берём фронтенд разработчика + бекенд разработчика
    Тут нужно подойти ответственно. Хорошего разработчика порой трудно найти, часто, хорошие стоят дорого, дешёвые сделают тяп ляп и ваш сервис станет очень сложно менять и дополнять в будущем.

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

    Сам план работ, лучше разделить на этапы с вашей стороны. Т.е. Сделали один функционал, проверили, ещё 1 проверили. Разделить всё на задачи. Вам от этого только лучше, т.к. вы видите, что уже реализовано и сам факт того, что процесс идёт. Но повторюсь, нужно эти этапа с прогерами обсудить и принять.

    На основе того, что они решат, вам нужно выбрать хостинг. Все хостинги разные, у всей свой функционал, вместе с ними(так как вы наверняка не шарите) нужно выбрать хороший хостинг, т.к. ваш сервис предпологает размещение своих окон на чужих сайтах, а значит, в теории, что разместив таких окон около тысячи, на ваш сервер пойдёт некая нагрузка. Этот вопрос нужно учесть, что бы он в ненужный момент не упал от нагрузки. Скажу сразу, может стоить дорого, но это ваши заботы)))

    4) Тестирование
    Все всё сделали, ура. Дальше, начинаем тестировать сервис на его функционал. Ошибки и баги будут 100%. Все мы люди, все можем ошибиться, нужно эти ошибки исключить.

    5) Выкатка приложения:
    Т.к. сайт делался на дев(там, где разрабатывают) версии, осталось выложить сайт на основной домен(Который вы должны ещё приобрести). Выложили, всё настроили, ура. Приложение готово. Далее, реклама, маркетинг, сео и прочая чушь.

    P.S. Так как всё это пахнет фрилансом, то будьте готовы, что вас могут кинуть, игнорить, пропадать не известно куда. Не забудьте составить договора с прогерами, где будут описаны все нюансы. А так же, что бы под конец все права принадлежали вам и только, получение всех доступов, данных и т.п. Иначе потом, можете всё похерить и никто вам уже не поможет.

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

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Потому что в вашем коде svg не указаны размеры иконки. Поэтому, когда вы её открываете в браузере, она растягивается на всю страницу пропорционально. В этом нет никакой проблемы. Когда она будет вставлена на сайт, то верстальщик спокойно укажет её размеры в css. Но, если вам лично, для каких-то своих нужд нужно сделать её нужных размеров, то просто в коде svg добавьте атрибуты width="18px" и height="18px" или сделайте это в самом илюстраторе
    Ответ написан
  • Как подключить компонент vue-dateime без webpack?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Видимо точно так же, как у вас подключен vue.js. Через тег script как и другие файлы скриптов
    Ответ написан
  • Как убрать рамки в Яндексе и Хроме?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    outline: none
    Позор))
    Ответ написан
    Комментировать
  • Какие единицы измерения лучше использовать при верстке адаптивных сайтов и почему?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    Лично моё мнение, то мне кажется тут дело вкуса. И да, сейчас много кого придёт в коменты. И перед тем, что бы что-то написать про другие единицы, отличные от тех, что я написал, повторю сразу, это лишь моё мнение. Кто хочет, тот те использует.

    Есть флоаты, инлайн блоки, флексы, гриды. Юзай что хочешь.
    С еденицами измерения так же. Я всю жизнь верстал пикселями и наверно продолжу. Иногда использую viewport единицы, там, где считаю нужным. Почему пиксели, потому-что они чётко работают и не нужно ничего считать, а так же я всегда уверен, что 1px равен 1px на любом мониторе. Я вот до сих пор не знаю, сколько значит 1rem или em, но мне особо не интересно, знаю только, что они зависят от чего-то. Я просто не нашёл им применения в своих задачах. Да и на работе у нас, верстальщики тоже ими не пользуются, т.к. я уже сказал, пиксель чётче и не нужно больше думать. Как пример, в фотошопе 20px указано, 20px и запишу в css, не думаю ни о чём.

    Для js такие единицы не особо подходят, потому как тоже не нужно делать никаких вычислений. Заметьте, что все плагины, библиотеки используют пиксели в расчётах размеров и отступов у элементов.

    Ну а проценты, само собой использую. Как иначе сделать элементы резиновыми? В адаптивности, только проценты для основной сетки. Для медиа запросов тоже пиксели юзаю.

    Даже отладчик, в моём случае у хрома, в мобильном эмуляторе, делает экран устройств размером, указанном в пикселях.
    Ответ написан
  • Как всунуть js код в php?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Добавить полю атрибут id с значением txtCommand, а скрипт вставить в конец страницы. При чём тут php?
    Ответ написан
    Комментировать
  • Что быстрее для загрузки bootstrap или чистый css?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    Я что-то не до конца понял, а в чем отличие bootstrap стилей от чистого css?
    Какая разница, что вы будете использовать, сами верстать или использовать bootstrap?

    Разница может быть лишь в том, что у вас может оказаться неиспользуемые стили, т.к. вы используете не все компоненты, которые подключили. Но, это разница может быть лишь в нескольких килобайтах, что никак не отразится на скорости.
    Ответ написан
    Комментировать
  • Верстка макета CSS стили на каждый чих, что я делаю не так?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    А что вас не устраивает? Их может быть и тысячи и всё нормально
    Ответ написан
  • Как открыть модальное окно после отправки формы?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    для начала, селектор указан уже не верно
    $(".btn btn-block btn-animate") // У вас так
    $(".btn.btn-block.btn-animate") // А должно быть так
    Ответ написан
  • Почему возникает ошибка undefined?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    https://jsfiddle.net/037f7x74/ - всё работает. У вас ошибка где-то в другом месте, от чего вылазит эта ошибка
    Ответ написан
    Комментировать
  • Почему не работает ссылка внутри parallax.js?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    Инспектируйте элемент, и увидите, что блоку scene добавлено значение pointer-events: none.
    Дока: https://github.com/wagerfield/parallax#pointerevents
    Решение: https://jsfiddle.net/g0vnqx8b/28/

    2 минуты заняло
    Ответ написан
    Комментировать
  • Почему на современных сайтах переход по страницам происходит с перезагрузкой страницы?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    А с чего вы решили, что роутинг, это основа angular/react? У них есть тонна другого функционала, который помогает решать нужные задачи. Я могу хоть щас взять и в битрикс сайт, сунуть реакт, для того, что бы сделать функционал какого нибудь калькулятора и т.п. функционала и роутинг мне там нахер не сдался
    Ответ написан
  • Как сделать такой ефект для текста css?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    Множественные text-shadow
    .box {
    text-shadow: 
      0 1px 0 rgba(0,0,0,.9),
      0 2px 0 rgba(0,0,0,.8),
      0 3px 0 rgba(0,0,0,.7),
      0 4px 0 rgba(0,0,0,.6)
     /* И т.д. */
    ;
    }
    Ответ написан
    Комментировать
  • Узнать класс на который кликнули jquery?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Ну так вы же сами пишите
    $(document).on("click", "#layer", function(e){
    В данном случае $(this)всегда будет ссылаться на элемент #layer

    Замените это:
    $(this).attr("class")
    на это
    $(event.target).attr("class")
    Ответ написан
    4 комментария
  • Как заставить addEventListener onclick() срабатывать 1 раз?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Комментировать
  • Как перезапустить XMLHTTPRequest запрос?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    а ответ какой-то же должен всё равно придти, что сервер не отвечает!! Вот на него и ориентируйтесь. Если сервер не отвечает, то заново запускайте скрипт
    Ответ написан