• Как правильно вынести svg в отдельный файл?

    Этого будет достаточно:
    1) Создаешь файл example.svg
    2) Вставляешь в него код ниже:
    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <svg width="42" height="32" viewBox="0 0 42 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px">
    <path d="M17 32h19c0.345 0 0.665-0.178 0.848-0.47l5-8c0.287-0.459 0.157-1.062-0.293-1.362l-3-2c-0.425-0.284-0.996-0.201-1.323 0.192l-3.232 3.878v-15.238c0-0.552-0.448-1-1-1h-4c-0.552 0-1 0.448-1 1v6.219l-11.243 2.811c-0.445 0.111-0.757 0.511-0.757 0.97v12c0 0.552 0.448 1 1 1zM35.446 30h-17.446v-10.219l2-0.5v5.719c0 0.552 0.448 1 1 1s1-0.448 1-1v-6.219l2-0.5v4.719c0 0.552 0.448 1 1 1s1-0.448 1-1v-5.219l2-0.5v7.719c0 0.552 0.448 1 1 1s1-0.448 1-1v-15h2v17c0 0.421 0.264 0.797 0.66 0.94s0.839 0.023 1.109-0.3l4.425-5.31 1.444 0.963-4.192 6.707z" fill="#444444"></path>
    <path d="M24.001 13.876c0.164 0 0.331-0.040 0.484-0.126 0.483-0.268 0.657-0.877 0.389-1.36-0.572-1.031-0.875-2.203-0.875-3.391 0-3.86 3.14-7 7-7s7 3.14 7 7c0 1.187-0.302 2.36-0.874 3.391-0.268 0.483-0.094 1.092 0.389 1.36s1.092 0.094 1.36-0.389c0.736-1.327 1.126-2.835 1.126-4.361 0-4.963-4.037-9-9-9s-9 4.037-9 9c0 1.526 0.389 3.034 1.126 4.361 0.183 0.329 0.524 0.515 0.875 0.515z" fill="#444444"></path>
    <path d="M1 8l7-7v5h12v4h-12v5z" fill="#444444"></path>
    </svg>


    У тебя не хватало атрибутов в тег svg
    Ответ написан
    Комментировать
  • Какова суть генерации своих событий в JavaScript?

    rockon404
    @rockon404
    Frontend Developer
    статей не нашёл

    Создание собственных событий

    Уточню: как браузер понимает, что событие "tellFuckYou" произошло? это главное, о чём нигде не написано

    // Создание события
    var event = document.createEvent('Event');
    
    // Назначить имя событию
    event.initEvent('build', true, true);
    
    // Слушаем событие
    document.addEventListener('build', function (e) {
      // e.target соотетствует объекту document
    }, false);
    
    // target события может быть любой элемент
    document.dispatchEvent(event);


    Вообще не понимаю, зачем создавать свои события?

    Если не понимаете, значит вам это не нужно.
    Ответ написан
    7 комментариев
  • CSS и SEO - что лучше стили в отдельном файле или в теле страницы?

    @danforth
    Все стили нужно сжимать и класть в один файлик. Тогда они будут кешироваться браузером и грузится с диска.
    Ответ написан
    Комментировать
  • Как сверстать скошенный блок?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Без дополнительных блоков и псевдоэлементов: https://jsfiddle.net/Ankhena/omuc1b0u/
    Ответ написан
    6 комментариев
  • Что такое frontend окружение?

    be_a_dancer
    @be_a_dancer
    Backend/Fullstack Developer
    Ух.
    Начну с простого. Когда-то для работы с "фронтендом" хватало одного небольшого файлика, который подключался к сайту и делал какую-то минимальную анимацию на сайте (тогда он использовался только для этого).
    Затем, появилась библиотека JQuery и стало легче работать с клиентской стороной сайта. Появились новые возможности, к библиотеки начали дополнительно подключать пару-тройку плагинов. Все еще легко.
    Потом появились другие библиотеки. Их стало много. И подключать каждый файлик отдельно стало неудобно. Захотелось автоматизировать процессы подключения новых файлов в проект, загрузку их из интернета. Появились бандлеры (для первого) и пакетные менеджеры (для второго). Также, появилась потребность, в момент разработки автоматически перезагружать окно браузера, чтобы проверить внесенные изменения, а также подготавливать проекты к релизу. Появились таск менеджеры. Плюс, необходимо было запускать тесты, чтобы проверить, что все работает правильно. И, наконец, нужна была система контроля версий, чтобы удобно выкатывать изменения, хранить состояния кода в разные моменты времени и так далее. А еще, появился новый синтаксис языка, который содержит новые удобные инструменты, но которые не поддерживаются старыми браузерами, для выполнения этой задачи нужны транспайлеры.

    Вот все вот эти инструменты и составляют, в основном, окружение фронтенда. Они помогают упростить рутинную работу, автоматизировать все процессы, которые происходят во все моменты работы над приложением, его публикацией, версионированием и так далее. Возможно, настройка этого окружения требует времени и определенных знаний, но то время, которое экономится - бесценно.
    На начальных этапах, уже есть готовые шаблоны. К примеру, когда работаешь над Vue.js проектом, ты вполне можешь использовать vue-cli шаблон webpack-simple, который включает все те пункты, которые я перечислил. Как-то так.
    Ответ написан
    3 комментария
  • Почему в программировании столько математики?

    saboteur_kiev
    @saboteur_kiev Куратор тега Программирование
    software engineer
    Копирование файлика на уровне ОС - элементарная математика (байты перенести из одного места в другое), все числа целые, адресация простейшая.

    Программирование контроллера, который будет копировать данные - высшая математика, ибо нужен контроль целостности данных (алгоритмы хеширования или банальных контрольных сумм), алгоритмы коррекции ошибок, шифрование.

    Программирование передачи данных по сети - плюс ко всему прочему шифрование, протоколы передачи данных, асинхронная передача.

    Программирование в 2д или 3д - геометрия разного порядка. Вычисление стандартных вещей - можно ли пройти из точки А в точку Б и можно ли увидеть из точки А точку Б, а также как это отрисовать с минимальными ресурсами - ужас.

    Ну и далее. Простое приложение для какого-нить IOS которое выводит "привет вася" - это одно. А Shazam, который анализирует акустическую запись, разбирает ее на части, выполняет сравнение с учетом искажений - тут вам нужна не только хорошая математика, но и еще неплохо в этих сигналах разбираться, понимать как они хранятся в компе (как преобразуется аналог в цифру, с какими потерями, и что с ними делать) и так далее.

    В общем алгоритмы, алгоритмы, алгоритмы.
    Как говорил Ломоносов, математику следует учить только за то, что она приводит ум в порядок.
    Ответ написан
    2 комментария
  • Как понять замыкания, а в частности, присвоения вида fn = function()?

    Ni55aN
    @Ni55aN
    Почему первый не работает? Там все как надо:
    при вызовеcreateCounter()инициализируется numberOfCallsсо значением 0 и возвращается функция, которая "видит" эту переменную. В дальнейшем вызове этой анонимной функции она все так же будет видеть numberOfCalls.

    В первом случае при вызове createCounter заново каждый раз создается переменная с 0
    Во втором случае при вызове fn()одна и та же анонимная функция использует одну и ту же переменную numberOfCalls
    Ответ написан
    2 комментария
  • Есть ли видеокурсы jQuery для более опытных?

    saboteur_kiev
    @saboteur_kiev
    software engineer
    Курсы для начинающих - это отличный бизнес для тех, кто не может почитать документацию.
    Не нужно слишком много знаний, чтобы создать базовый курс по чему-либо. И при этом это отлично продается налево и направо. Ну и понятно, что на волне массовых курсов, есть достаточно много подобного в инете бесплатно.

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

    Поэтому есть мнение, что таких курсов нет и вряд ли будет. Максимум - под названием "продвинутые курсы" будут курсы для тех, кто уже один раз jQuery видел, отличаться от курсов для начинающих будут почти ничем.

    Просто случайные видео - можно попробовать поискать js-вблоггеров. К сожалению конкретные ссылки не подскажу.
    Ответ написан
    2 комментария
  • Можно ли ответить на тестовое задание с опозданием?

    @Nekto_TM
    Можно ли ... ?

    Нельзя. Придёт штраф на 750р и вас лишат лицензии на работу сроком на 1,5 месяца.
    Ответ написан
    Комментировать
  • Что из себя представляет серьёзная работа/задача (в программировании/веб разработке)?

    @Fortop
    Tech/Team lead
    что вёрстка это дно, это не серьёзно


    Это пишут придурки и школьники.

    Кроссбраузерная верстка это достаточно сложная задача.
    И те, кто рассказывают что это дно, пусть сверстают мне пару-тройку макетов кроссбраузерно адаптивно за пару часов.
    Ответ написан
    23 комментария
  • Javscript React.js и Jquery что учить новичку, в какую сторону двигаться?

    Ahen
    @Ahen
    Универсальный дилетант
    Все кругом говорят о библиотеках

    Барабанная дробь....
    JQuery

    Что? Какой сейчас год?

    Учить нэйтив js, после лезть в фреймворки.
    Ответ написан
    Комментировать
  • Выбор стек технологий для Front-end разработчика?

    @cluberr
    Css, HTML , JavaScript, React , Sass, Webpack - это главное , остальное знать для чего нужно и как быстро освоить.
    Что изучать верстальщику и в каком порядке?
    Ответ написан
    5 комментариев
  • Тупиковое и медленное развитие, лекарство?

    Konstantin18ko
    @Konstantin18ko
    Стоматолог
    Хочешь быстро выкачивать в продакшен? Вруби режим Vanille. Пиши, параллельно свой проект. Зацепись за один язык как основной и дальше учи всё в нем вдоль и поперёк. Затем, как всё выучишь, хватай самый сложный фраемворк и от сложного к простому начинаешь разбирать. Это мой подход.
    Для наглядной статистики: я врач, у меня 8 часовой рабочий день. С сентября 2016 начал изучать PHP и JavaScript. С 1 января по 9 января 2017 пишу програму которая помогала мне писать истории больных. Сейчас программа пользуется популярностью и ей пользуется вся ординаторская. Сейчас проект переписывается на Symfony 3.
    Что мне понадобилось: время после работы, интернет.
    Ответ написан
    22 комментария
  • Баг с transition + svg?

    lazalu68
    @lazalu68
    Salmon
    Я не совсем компетентен в этом вопросе, но вероятно причина кроется в сложных отношениях CSS и Shadow DOM. К тому же определённую роль в этом поведении играет тот факт, что у вас нигде не задан изначальный цвет заливки.

    Так что это не то чтоб баг, а скорее такие вот особенности.

    Сара Суайдан (из codrops!) пишет в своей статье (перевод), что проблему можно решить с помощью наследования, как-то так.

    PS: запятые между свойствами transition не нужны: строкой "transition: all, ease, 1s;" вы объявляете целых три правила transition, а строкой "transition: all ease 1s;" - одно.
    Ответ написан
    3 комментария
  • Объясните простым языком Higher Order Component в React?

    Первая ссылка в гугле: https://facebook.github.io/react/docs/higher-order...
    a higher-order component is a function that takes a component and returns a new component

    Короче говоря, компонент высшего порядка - декоратор, который добавляет к какому-то (произвольному) компоненту какую-то дополнительную логику. Например Вы можете написать функцию которая принимает компонент и возвращает такой же компонент, только с какой-нибудь дополнительной логикой обработки нажатия мыши. Такая функция и будет компонентом высшего порядка. После написания её можно применять к любым компонентам, а так же комбинировать с другими компонентами высшего порядка (читайте про композицию функций, ничего специфичного для реакта здесь нет).
    Ответ написан
    Комментировать
  • Можно ли "подглядывать" Junior'у?

    EvgeniyKvasyuk
    @EvgeniyKvasyuk
    Я больше скажу, даже не джуниор постоянно подглядывает. Чтение документации - 60% времени работы любого разработчика
    Ответ написан
    Комментировать
  • Есть ли сервис, который находит похожую музыку?

    littleguga
    @littleguga
    Не стыдно не знать, а стыдно не интересоваться.
    1. По звучанию, как бы не ругали, ВК часто советует похожие вещи.

    2. Spotify в рекомендациях часто указывает очень похожие треки.

    3. Сервисы, некоторые, как раз основаны на Spotify.
    https://www.music-map.com
    musicroamer.com/#
    www.spotalike.com
    moretrackslikethis.com
    www.gnoosic.com

    4. Есть небольшой самообман, вот прослушали вы условную "Bonjah – Go Go Chaos" и думаете: "Вау, хочу похожий по звучанию", но похожим он не будет. Ибо данная композиция полноценна и уникальна в своем роде.
    Да, вы можете найти похожий, на ваш взгляд, трек, но там будут схожи, например, барабаны, потому что вы зацепились именно за них. Другой человек зацепится за вокал и для него будет похожим трек с аналогичным вокалом. Так что всё индивидуально.
    Советую просто наслаждаться музыкой, а не искать максимально похожую композицию, в попытке составить идеальный плейлист.
    Ответ написан
    1 комментарий
  • По каким урокам лучше изучать bootsrtap?

    @LiguidCool
    Я конечно стесняюсь спросить ... Но чего вы там собрались учить???
    Изучайте CSS и основы разметки. Поверстайте float'ами и flex'ами.
    Bootstrap "учится" по мануалу за день (если на за пару часов), а потом с ним же в обмнимку (с мануалом) верстается.
    Ответ написан
    Комментировать