Задать вопрос
0example

Алексей Скляров

Ответы

  • Uncaught ReferenceError: cc2 is not defined?

    0example
    @0example
    Потому что вы пытаетесь вывести массив в alert, приведите его к JSON.

    UPD: ошибся, у вас проблема в том, что вы пишете cc2 и буквы С у вас русские, а не англ.
    Ответ написан
    2 комментария
    2 комментария

  • Как заставить секцию игнорировать блок?

    0example
    @0example
    Немного размыто ваш пример понял. Попробуйте так:

    .application_section {
    position: relative;
    margin-top: -57px;
}

    В итоге следующая секция у вас будет идти под формой сразу.
    Ответ написан
    Комментировать
    Комментировать

  • Как быстро загружать шрифты?

    0example
    @0example
    Во-первых, зачем вы так много шрифтов указываете в font-family? у вас их не должно столько использоваться. Если столько используется - сократите до двух-трех, дизайнера отправьте в пту.

    Во-вторых, как подключаю шрифты я:

    В начале CSS документа у меня это (привел SASS):
    Код
    @font-face {
			font-family: "MuseoSans";
			src: url("../fonts/MuseoSansRegular/MuseoSansRegular.eot");
			src: url("../fonts/MuseoSansRegular/MuseoSansRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MuseoSansRegular/MuseoSansRegular.woff") format("woff"),
			url("../fonts/MuseoSansRegular/MuseoSansRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: 300;
	}

	@font-face {
			font-family: "MuseoSans";
			src: url("../fonts/MuseoSansBold/MuseoSansBold.eot");
			src: url("../fonts/MuseoSansBold/MuseoSansBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MuseoSansBold/MuseoSansBold.woff") format("woff"),
			url("../fonts/MuseoSansBold/MuseoSansBold.ttf") format("truetype");
			font-style: normal;
			font-weight: 700;
	}

	@font-face {
			font-family: "MuseoSans";
			src: url("../fonts/MuseoSansItalic/MuseoSansItalic.eot");
			src: url("../fonts/MuseoSansItalic/MuseoSansItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MuseoSansItalic/MuseoSansItalic.woff") format("woff"),
			url("../fonts/MuseoSansItalic/MuseoSansItalic.ttf") format("truetype");
			font-style: italic;
			font-weight: 300;
	}

	@font-face {
			font-family: "MuseoSans";
			src: url("../fonts/MuseoSansLight/MuseoSansLight.eot");
			src: url("../fonts/MuseoSansLight/MuseoSansLight.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MuseoSansLight/MuseoSansLight.woff") format("woff"),
			url("../fonts/MuseoSansLight/MuseoSansLight.ttf") format("truetype");
			font-style: normal;
			font-weight: 100;
	}

	@font-face {
			font-family: "MuseoSans";
			src: url("../fonts/MuseoSansMedium/MuseoSansMedium.eot");
			src: url("../fonts/MuseoSansMedium/MuseoSansMedium.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MuseoSansMedium/MuseoSansMedium.woff") format("woff"),
			url("../fonts/MuseoSansMedium/MuseoSansMedium.ttf") format("truetype");
			font-style: normal;
			font-weight: 500;
	}

	@font-face {
			font-family: "MuseoSans";
			src: url("../fonts/MuseoSansBlack/MuseoSansBlack.eot");
			src: url("../fonts/MuseoSansBlack/MuseoSansBlack.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MuseoSansBlack/MuseoSansBlack.woff") format("woff"),
			url("../fonts/MuseoSansBlack/MuseoSansBlack.ttf") format("truetype");
			font-style: normal;
			font-weight: 900;
	}

	@font-face {
			font-family: "MuseoSans";
			src: url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.eot");
			src: url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.woff") format("woff"),
			url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.ttf") format("truetype");
			font-style: italic;
			font-weight: 700;
	}

	@font-face {
			font-family: "MuseoSans";
			src: url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.eot");
			src: url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.woff") format("woff"),
			url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.ttf") format("truetype");
			font-style: italic;
			font-weight: 500;
	}

	@font-face {
			font-family: "MuseoSans";
			src: url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.eot");
			src: url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.woff") format("woff"),
			url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.ttf") format("truetype");
			font-style: italic;
			font-weight: 100;
	}

	@font-face {
			font-family: "MuseoSans";
			src: url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.eot");
			src: url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.woff") format("woff"),
			url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.ttf") format("truetype");
			font-style: italic;
			font-weight: 900;
	}

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

    Самый часто используемый шрифт прописываем в body:
    body {
font-family: 'MuseoSans', Arial, sans-serif;
font-weight:300;
font-style:normal;
}

    Для второго шрифта (если используется) определяете уже в самих классах (можете объединить их и прописать сразу для всех).

    Собственно все.

    P.S Не забывайте, что для нормального отображения шрифтов, нужно собирать все типы файлов шрифта (otf,ttf,svg). Название для подключаемых шрифтов используйте одно и тоже, меняться должно только значение font-weight, font-style (жирность и начертание шрифта).
    Ответ написан
    2 комментария
    2 комментария

  • Можно ли узнать в jQuery, какая кнопка мыши вызвала событие .blur()?

  • Почему не получается прижать блок к правой стороне?

    0example
    @0example
    Потому что нужно использовать float. https://codepen.io/anon/pen/WXPxyo
    Ответ написан
    Комментировать
    Комментировать

  • Как отключить якорь для главной страницы?

    0example
    @0example
    Возможно, просто не весить обработчик на конкретно эту ссылку. Обозначаете для нее класс, например: js-scroll-to и на этот класс вешаете обработчик, если класса нет, то крутиться ничего не будет.

    Можете например добавить просто data-атрибут и проверять его наличие при клике по ссылке, если нет - e.preventDefault(), если есть - ничего не делаем.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как запоминать теги свойства и понимать когда их принимать?

    0example
    @0example
    Только практика. Как и в любом другом языке.

    Впоследствии будешь только видеть какой-то объект и уже будешь знать как он сверстан.
    Ответ написан
    Комментировать
    Комментировать

  • Где найти заказы начинающему дизайнеру?

    0example
    @0example
    Если работы действительно ваши - вам достаточно получить пару постоянных клиентов и работать с ними. На фриланс вам можно попробовать залезть, но реально, уровень ваших работ перерос уровень оплаты на фрилансе (хотя можно попробовать что-то найти).

    То что вы видите "огромную конкуренцию" на бирже - ничего не значит. Большинство людей там не умеет делать вообще ничего.

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

    UPD: Смотрите в сторону фрилансим, достаточно адекватных людей, плюс вероятность попасть на постоянную работу - выше.

    Хотя думаю, возможно, вас кто-то сейчас с этого поста заметит.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как стилизировать "кнопку" для блока который "выезжает" снизу?

    0example
    @0example
    Ничего сложного, но нужен JS (+ jquery)
    https://jsfiddle.net/hec6h1f3/
    Ответ написан
    4 комментария
    4 комментария

  • Как сделать блок кнопки по ip?

    0example
    @0example
    Зачем вам блочить IP (которые не у всех уникальные), если можно просто создать куки с временем жизни 60 минут? Проверяете наличие, если кукисы есть - кнопку блочим, иначе - разблокировали.
    Ответ написан
    1 комментарий
    1 комментарий

  • 2500 записей на одной странице - как лучше подать?

    0example
    @0example
    Легко. Поменять дизайн списка. Сделать более заметным выборку по буквам. Сделать сортировку (обязательно): обычная форма поиска, которая будет отсеивать лишние буквы, если они не используются, затем слова, которые уже точно не подходят под запрос, ну и так далее.
    Ответ написан
    3 комментария
    3 комментария

  • Почему Flex элемент теряет свою ширину?

    0example
    @0example
    Потому что у вас оба других блока имеют ширину в 100%.
    Ответ написан
    Комментировать
    Комментировать

  • Как устроены фильтры товара в интернет магазинах?

    0example
    @0example
    Конечно нет. Весь фильтр товаров это просто запрос к БД, который возвращает данные из базы, соответствующие запросу. Например, есть у нас товары с рейтингом 5 и с рейтингом 4. Мы хотим отфильтровать их. У каждого товара в таблице есть столбец: rating, который принимает значение от 1 до 5.

    В фильтре мы выбираем значение 5, после нажатия на кнопку: Применить фильтр, отправляется запрос на сервер, происходит запрос в бд, что-то типа: SELECT product FROM products WHERE rating=5. Этот запрос возвращает нам все товары с рейтингом 5. Сервер формирует нам новую страницу, где вы видите все товары с рейтингом 5.
    Ответ написан
    Комментировать
    Комментировать

  • Как школьнику найти время на программирование?

    0example
    @0example
    А сколько вы готовитесь к егэ? В мое время подготовка к той же математике занимала 2 часа Х 2 раза в неделю (допы) + 1.5 часа * 5 (остальные дни недели). Вы хитрите, не указывая, чем вы занимаетесь в другое время, может быть просто играете в игры по 5 часов в день. Я помню себя в 10 классе и в 11, времени было много, даже с подготовкой к егэ. Час в день на программирование можно найти.
    Ответ написан
    1 комментарий
    1 комментарий

  • Какие варианты верстки таких блоков + адаптив можете предложить?

    0example
    @0example
    Clip Path, может быть skew, для адаптива аналогично, срезаем только угол не справа/слева, а сверху/снизу.
    Ответ написан
    Комментировать
    Комментировать

  • Как перевести сайт с html на php?

    0example
    @0example
    Никто вам не мешает в htaccess поменять стиль ссылок на .html
    Ответ написан
    Комментировать
    Комментировать

  • Сколько будет стоить сделать такой лендинг на вордпресс?

    0example
    @0example
    Такие вопросы следует задавать тем, кто непосредственно занимается разработкой.
    PHP и JS функционал может быть разным. Следовательно данная работа может стоит от 5000 руб до N руб
    Ответ написан
    Комментировать
    Комментировать

  • Как при сабмите формы на AJAX обращаться к ее дочерним элементам через jQuery?

    0example
    @0example
    Проверку на пустоту инпутов и добавления бордера рекомендую вам обдумать и переписать, что касается формы, правильнее делать так:
    Пишите функцию, например
    function sendForm(form) {
      // тут что-то происходит
  }

    На сами формы вещаем обработчик (в качестве параметра функции передаем сам объект формы (помечен как this))
    <form class="" action="" method="post" onsubmit="sendForm(this);return false;">
       </form>


    В самой функции используем примерно следующее:
    function sendForm(form) {
   $(form).find('.input-error').fadeOut();       
  }

    Таким образом блок .input-error будет прятаться только в той форме, с которой работает пользователь.

    P.S чтобы было проще ориентироваться в своем коде, просто напишите отдельно функцию валидации и проверяйте ее, после чего отправляйте форму (в valid записываем результат выполнения функции):
    function sendForm(form) {
      var valid = formValidation(form);
      if (valid) {
        $(form).find('.input-error').fadeOut();
        jQuery.ajax({
          url: "/mail/mail.php",
          data:$(form).serialize(),
          type: "POST",
          success:function(data){
            $('#orderModal').modal('hide');
            $('#successModal').modal('show');
            $(form).find('input[type="text"]').val('');
          },
          error:function (data){
            $(form).find('.form-error').html('Произошла какая-то ошибка. Попробуйте еще раз.').fadeIn();
          }
        });
      }
  }

    Саму функцию formValidation(form) можно написать какую угодно. Если поле пусто, оно должно возвращать false, если вся проверка прошла успешно - то true. Работает так же для конкретно той формы, что вызывается.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать автообрезку текста в блоке с фиксированными размерами?

    0example
    @0example
    Не знаю зачем тут указан JS, вообще чисто на CSS нет, но можно сделать так, чтобы не влезающий текст обрезался с добавлением многоточия:
    text-overflow: ellipsis;
    Ответ написан
    1 комментарий
    1 комментарий

  • Как реализовать это в вёрстке?

    0example
    @0example
    Создаем флекс контейнер, помещаем в него два блока: один с картинкой, другой с текстом, для блока с текстом пишем свойство overflow:hidden;
    Ответ написан
    1 комментарий
    1 комментарий