• Можно ли менять цвета в SVG?

    In4in
    @In4in
    °•× JavaScript Developer ^_^ ו°
    Получаете нужный элемент и elem.setAttribute("fill", color);.

    <svg width="200" height="200">
      <rect width="100" height="100" x="50" y="50"
            fill="none" stroke="gold"
            stroke-width="10"/>
      <rect width="160" height="160" x="20" y="20"
            fill="none" stroke="yellowgreen"
            stroke-width="10%"/>
    </svg>
    
    <div>
        <button data-color="orange">Оранжевый</button>
        <button data-color="tomato">Томатный</button>
    </div>


    document.querySelector("div").onclick = function(e){
       var t = e.target;
       if(t.parentNode===this) 
           document.querySelector("rect").setAttribute("fill", t.dataset.color);
    }


    Вживую: jsfiddle.net/In4in/gyqpvwbu

    а можно в Jquery это воплотить?


    $("div").on("click", "button", function(){
           $("rect").attr("fill", $(this).data("color"));
    });
    Ответ написан
    6 комментариев
  • Почему нельзя сделать удобно?

    27cm
    @27cm
    TODO: Написать статус
    Зачем придумывать такие сложные штуки как медиазапросы и так далее?

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

    Медиазапросы, флексбокс и относительные единицы измерения позволяют разработчикам делать сайты, которые будут выглядеть на разных устройствах именно так, как и задумывал дизайнер. Введение некого стандартного коэффициента, 1.4 или любого другого, - бред, потому что невозможно абсолютно всё подогнать под одно "волшебное" соотношение, которое всех устроит, хотя бы потому что иногда элементы веб-сайта на экранах с меньшим разрешением делают мельче, а иногда наоборот - крупнее.
    Ответ написан
    Комментировать
  • Отношение заказчиков к исполнителям?

    GreenBee
    @GreenBee
    ASP.NET программист
    Это называется конкуренция. Вы всегда будете конкурировать с теми, кто:
    1) может сделать дешевле чем вы (при этом, возможно, быстрее и качественнее).
    2) может сделать лучше
    3) может сделать быстрее
    4) просто убедит заказчика, что сделает дешевле, быстрее, лучше, а на самом деле нет.

    Просто не соглашайтесь на цену, которая лично Вас не устраивает.
    Вы всегда можете сказать заказчику (без лишних эмоций), что эта работа стоит столько-то и что скорее всего те, кто предлагают дешевле, не во состоянии сделать достаточно качественно/быстро.
    Если он не соглашается и все равно просит дешевле - не делайте!

    И да, не всегда дешевле значит хуже. Бывают талантливые начинающие программисты, бывает что человеку срочно нужны деньги, бывает, что человек шабашит и не особо парится из-за цены, а может у него сегодня просто хорошее настроение и он захотел сделать скидку. Но это не Ваши проблемы. Это проблемы заказчика.
    Ответ написан
    1 комментарий
  • На сколько ли плохо писать такой код?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Внутри <a> не должно быть вложенных блочных элементов вроде <div> или <p>
    Используйте <span> с разными классами и всё.
    Ответ написан
  • Создание интерактивной карты здания. Каков будет наиболее гибкий вариант?

    svg + Raphael.js
    Цвета будут меняться не через смену классов, а с помощью js
    А вот адаптивность тут конечно мимо.
    На 320px там пальцем то не особо попадешь в эти квадратики.

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

    Taraflex
    @Taraflex
    Ищу работу. Контакты в профиле.
    Для таких вещей есть svg.
    Можно оттрасировать jpeg в svg через https://inkscape.org/en/
    Ответ написан
    2 комментария
  • Как происходит слежка в интернете за человеком?

    @tef
    Почему-то ни кто не упоминает ICANN...
    И я не специалист конечно. Но я просто накидаю фактов из которых можно слепить знатную параною.
    - Вы всегда подключены к сети. Пакеты шлются постоянно. Даже при выключенном устройстве.
    - Есть всем известные протоколы передачи данных. Вполне вероятно, что есть никому неизвестные.
    - Windows - это система с закрытым исходным кодом. Что она там делает никому неизвестно.
    - Linux открытая система. Но вероятность внедрения кода, который ни кто не заметит, на уровне ассемблера, существует.
    - Все мы знаем про универсальные компьютеры общего назначения. Но не многие могут предположить, что есть компьютеры либо системы, которые даже не связаны с транзисторами, созданные целенаправленно решать одну задачу.
    - На открытом рынке существуют такие вещи, как micro-SD, умещающие 64Gb информации на участке размером с ноготь. И можно только догадываться, чего на открытый рынок не выпускают и какие ещё устройства существуют.
    - Интернет изначально, это военная разработка. GPS изначально военная разработка. Ракеты, которые летают на орбиту изначально военная разработка (хотя тут могут быть просто стечения обстоятельств).
    Список можно продолжать...
    Ответ написан
    Комментировать
  • Иммиграция разработчика в Канаду. Что, где и зачем?

    opium
    @opium
    Просто люблю качественно работать
    С учетом того что вы собираетесь мигрировать через 7 лет я бы отложил это в долгий ящик, дивите и наслаждайтесь жизнью, хорошего спеца в канаду сами позовут компании, был бы хороший английский.
    Ответ написан
    Комментировать
  • Есть ли фриланс ближе к 30?

    @Insayt
    Сам пришел в IT из совершенно другого мира. Последние 2 года зарабатываю этим на хлеб. Скажу вам честно - первый год, как минимум, будет очень тяжко. Особенно если нет профильного образования (работодатели очень цепляются за отсутствие "корочки"). Но если есть желание - все получится. Я в свое время осознал, что мне ближе frontend и создание крутых интерфейсных решений.
    По фронтенду путь роста сейчас весьма прозрачный:
    1) HTML5 знать на зубок (семантика - важная штука :) )
    2) CSS + любой препроцессор (сейчас без них уже никуда)
    3) JS + любой фремворк/библиотека, для структуризации кода (хотя для начала достаточно прочесть пару книг по нативному JS, и взяв jQuery - поклепать своих плагинчиков. Все таки типичные веб проекты не подразумевают под собой сложной логики на клиенте)
    4) Сборщики. Есть Gulp, Grunt, Branch и еще много всяких интересных штук. Очень хорошо помогают избавится от рутины.
    5) Любовь к тому что вы делаете :)

    Мой вам совет автор - если сейчас есть пассивный заработок, и есть возможность попробовать - я бы на вашем месте попробовал. Дело такое, что жизнь у нас одна, и что бы счастливо ее прожить - надо делать то, к чему стремится ваше сердце. И если вы будете упорным на этом пути - деньги, положение и все остальное, со временем придет.
    Желаю удачи :)
    Ответ написан
    2 комментария
  • Как решить проблему с загрузке файлов?

    @Kostik_1993
    Web Developer
    Скорее всего дело не в PHP а JS, проверь нет ли в нем функции которая очищает поле выбора при каждом новом обращении к нему. Ну или выложи код сюда.
    Ответ написан
    1 комментарий
  • Почему в письмо прикрепляется только 1 файл?

    @mzabil
    for($i=0; $i < count($_FILES['file']['tmp_name']);$i++) {
          if (!empty($_FILES['file']['tmp_name'][$i])){	
            //$uploaddir = '/www/layout/conn3/uploader/';
            $path = $_FILES['file']['name'][$i];
            if (copy($_FILES['file']['tmp_name'][$i], $path)) $picture = $path;		 
           }			
         }

    Из этого куска мне не очень понятно куда вы копируете файлы....
    И в $path у вас последний загруженный файл. Который вы потом и отправляете.

    Я бы написал так:

    $files = array();
      for($i=0; $i < count($_FILES['file']['tmp_name']);$i++) {
          if (!empty($_FILES['file']['tmp_name'][$i])){ 
            //$uploaddir = '/www/layout/conn3/uploader/';
            $path = $_FILES['file']['name'][$i];
            if (copy($_FILES['file']['tmp_name'][$i], $path)) array_push($files, $path);         
           }            
      }
      if(empty($files)){
          //отправить без вложений
      }else{
        foreach($files as $f) {
            //что то делать
        }
      }
    Ответ написан
    4 комментария
  • Задача-критерий старта на oDesk?

    FanatPHP
    @FanatPHP
    Чебуратор тега РНР
    Судя по активности отвечающих, вопрос ну очень насущный и полезный.
    Кто-то вот сейчас сядет и начнет придумывать тебе сферическую задачу в вакууме.
    А ты такой значит её решил, и побежал на одеск.
    И типа там озолотился.
    А если не решил - то не побежал.

    Старик Оккам завещал не увеличивать количество сущностей сверх необходимого.
    Так вот твой вопрос - это та самая лишняя сущность
    Не проще просто пойти на Одеск и попробовать выполнить задачу оттуда?
    Ответ написан
    Комментировать
  • Как использовать jquery rotate при каждом клике?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    Вариант со статичным углом и временем поворота jsfiddle.net/petroveg/f9way1n9
    Вариант с постоянно меняющимися углом и временем поворота jsfiddle.net/petroveg/f9way1n9/1

    $(function () {
    	var start = 0,
    		delta = 60,
    		duration = 600;
    
    	$('.rotateimg').rotate({
    		bind: {
    			click: function () {
    				$(this).rotate({
    					angle: start,
    					animateTo: start + delta,
    					duration: duration,
    					callback: function () {
    						start += delta;
    					}
    				});
    			}
    		}
    	});
    });
    Ответ написан
    Комментировать
  • Как создать небольшой тест на javascript?

    mlnkv
    @mlnkv
    JavaScript Developer
    Вы лучше покажите что вы уже сделали и тогда вам скажут куда двигаться дальше
    Ответ написан
    Комментировать
  • Как прикрутить Smartresponder?

    kumaxim
    @kumaxim
    Web-программист
    1)В смартреспондере где-то должен быть пункт "Генерация формы подписки"
    2)Мастер генерации там простой, разберешься сам. Главное получи код(обычных html + css)
    3)Далее в WP ставь плагин plain-text. Я не помню так ли он точно называется, но его суть - выводить произвольный html где надо
    4)Создаешь на его базе виджет, кидаешь туда html из смартреспондера. Сохраняемся

    Профит!

    И еще раз, форма подписки генерируется на стороне Smartresponder, никаких велосипедов с PHP для подписки юзера тебе изобретать не надо.
    Ответ написан
    2 комментария
  • Какие актуальные технологии фронтенда?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    js (native), jquery, vanilla js, html5, canvas
    Ответ написан
    8 комментариев
  • Какие актуальные технологии фронтенда?

    teotlu
    @teotlu
    Навёрстываю упущенное
    Препроцессоры (LESS, SCSS, SASS, Stylus), всякие фреймворки типа Angular и React.js, сборщики типа Grunt или Gulp. Node.js, чтобы это всё замутить в автоматическую сборку. Bower ещё какой-нибудь.
    Нативный JavaScript — это основное и неотъемлемое требование.

    Разумеется, нужно хорошо уметь верстать. Для современных браузеров уже не настолько актуально, но всё-таки стоит использовать спрайты или иконочные шрифты. Я предпочитаю второе.
    Ответ написан
    Комментировать
  • Зачем на сайте делают несколько Аналитик?

    Sterhel
    @Sterhel
    Порой заказчики любят прописывать в ТЗ - хотим сразу ГА, ЯМ, ЛИ, и еще кучу чего-нибудь, о чем они где-то слышали.

    Почему? Потому что у их коллег на сайте «такое есть».
    Нужно ли 5 счетчиков на сайте? Спорно.
    Ответ написан
    Комментировать