• Как повесить обработчик на несколько элементов?

    @Finch_85
    https://jsfiddle.net/mdsmmy3L/2/

    Немного переделал вариант товарища выше на ES6
    Стильно, модно. молодежно! (ES6). Без prototype и call и короче
    let buttons = document.querySelectorAll('.btn');
    
    
    buttons.forEach((elem)=>{
    	elem.addEventListener('click',()=>{
          elem.parentNode.querySelector('.picture').classList.toggle('active')
      })
    })
    Ответ написан
    Комментировать
  • Почему зависает страница при вставке клонированных узлов?

    orlov0562
    @orlov0562
    I'm cool!
    Думаю, потому что у тебя ul.children.length постоянно увеличивается

    так попробуй
    console.dir(array);
    let to = ul.children.length
    for (let i = 0; i < to; i++) {
    //    if (ul.children[i].nextElementSibling === null) {
    //                    console.log(i);
    //    } else {
                    let clone = elem.cloneNode(false);
                    ul.insertBefore(clone, ul.children[i].nextElementSibling);
    //    }
    }


    вот тебе попроще пример
    let t = [1,2,3];
    for (let i=0; i<t.length; i++) {
      t.push(i);
      if (i>10) break;
    }
    console.log(t);
    //  [1, 2, 3, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
    Ответ написан
    1 комментарий
  • Почему зависает страница при вставке клонированных узлов?

    Stalker_RED
    @Stalker_RED
    for (let i = 0; i < ul.children.length; i++) {
        ul.insertBefore( ... );
    }

    Перебираете i пока не достигнете length, добавляете новые элементы, length увеличивается. До бесконечности.

    Кроме того, вставляя i в ul вы ломаете разметку.
    Ответ написан
    1 комментарий
  • Как отдать веб-дизайн сделанный на adobe XD верстальщику?

    @Olgakuz91
    В adobe xd после обновления появилась возможность передать макет разработчику. Там видны все размеры, шрифты, расстояния, цвета и и.д. Картинки и иконки вроде надо отдельно прикреплять, ещё не разобралась. Я в Xd стараюсь последнее время все делать, но пока без Фотошопа не получается, нужно фотографии обрабатывать, цвета у иконок раньше нельзя было в xd поменять...
    Ответ написан
    Комментировать
  • Какие есть беспалатные аналоги Sketch под windows?

    @designeruiux
    Держите программу аналогичная абсолютно* всем Icons8 Lunacy, как sketch, + открывает соответственно файл .sketch всё как нужно иерархия, подпапки, слои, тени, цвета, код и прочее.


    Free Sketch for Windows
    Native Windows app that works offline and supports .sketch files

    https://icons8.com/lunacy

    С Вас лайк ♥
    Ответ написан
    Комментировать
  • Как лечится кризис начинающего программиста?

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

    Возьмем, как пример, тот же бух.учет на предприятии. Как Вы думаете, почему 1С Бухгалтерия так широко распространилась в РФ и СНГ? Эта программа позволяет бухгалтеру в 2-3 клика мышки сформировать отчет для регулятора(ФНС, ПФР и т.д.), вместо того чтобы человеку сидеть руками искать платежные поручения, вычислять налоги и т.п. Софт просто подтягивает выписку из банка, анализирует ее и выдает готовую для печати бумажку, что экономит бухгалтеру сильно много времени. Расчет заплатанный налогов и отчеты в соц.фонды это вообще красота - 8 кликов мышкой и все готово :-)

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

    И вот, далее Вы для себя определитесь, какая Ваша основная цель? Какой Ваш основной посыл обществу?

    Личной мой посыл - "Я помогаю людям экономить: время, деньги, нервы и т.д.".

    Как я это делаю?
    У меня сначала был маленький интернет-магазин по продаже катализаторов для бензина(в поиск "кондиционеры метала для а/м"). При соблюдении определенных условий, расход топлива на малометражках снижался от 20% до 45%
    Вторым моим проектам было небольшое мобильное приложение для отслеживания хода исполнительного производства в ФССП(для взыскательней, уже сдохло). Мне и моим знакомым(не юристы) это экономило достаточно много времени на ругань с приставами, чего они должны делать и т.д. Кто сталкивался с этой службой должен знать эффективность и оперативность их работы, особенно в регионах...
    Сейчас я пишу небольшой конструктор сайтов, который поможет одной дружественной мне веб-студии сильно оптимизировать процесс создания низкобюджетных сайтов визиток

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

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

    Если говорить о чисто практических инструментах(функции стандартной библиотеки, фреймворки и т.д.)... Лично я могу считать себя профессионалом в какой бы то ни было технологии, ни когда я прочитал 1-2 книги и/или написал 1,5 задачи оттуда же. С таким уровнем я не могу сказать что я знаю язык/технологию в принципе, просто знаком - да, но я ее не знаю. Считать себя профессионалом я могу после того как решу не менее сотни задач, используя эту технологию и написал не менее 1 млн строк кода, именно написал, а не сгенерировал rake/gii/artisan или чем-то там еще.

    Вам же я желаю не останавливаться, развивайтесь. Мастерство приходит с опытом.

    P.S.: от холиваров на тему 1С прошу всех воздержаться
    Ответ написан
    11 комментариев
  • Как задать value для prompt dropdownlist в Yii2?

    slo_nik
    @slo_nik Куратор тега Yii
    Вы уже задали options и если хотите задать атрибут data-*, то это делается так
    [
       'prompt' => 'Select',
       'data' => [
          'text' => 'Text',
          'image' => 'Image'
       ]
    ]

    или чуть проще
    [
      'prompt' => 'Select',
      'data-text' => 'Text',
      'data-image' => 'Image'
    ]

    Ну а для prompt можно использовать массив
    'prompt' => [
        'text' => 'Select',
        'options' => [
            'value' => 'prompt',
            'class' => 'prompt-class',
            'selected' => 'selected'
        ]
    ]


    В документации всё расписано
    Ответ написан
    1 комментарий
  • Кто где делает заметки по программированию?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Большинство вещей сегодня не нужно никак запоминать у себя. Все что нужно, научиться правильно искать.
    Например большинство вопросов по JavaScript элементарно ищется простым запросом в гугле, например "mdn promise", или "javascript ru promise". Все что нужно - знать правильные сайты и использовать название этого сайта как префикс в поисковой строке.

    Для ссылок на ресурсы достаточно создать хорошую структуру закладок в браузере (тот же хром хранит все закладки в облаке, так что не потеряются).

    Для кода лучший сервис - GitHub + Gist.
    Ответ написан
    Комментировать
  • Как обновить composer через консоль OpenServer?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    переходите с посощью cd в папку domains/ваш сайт и запускаете
    composer self-update
    Ответ написан
    4 комментария
  • Разница между background: url('...') и background: url(...)?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    Если в значении функционала url() не присутствуют пробельные символы (пробелы, табуляция, переносы строк), кавычки и скобки, то разницы нет никакой.
    Пример — ссылка, data:uri в кодировке base64.

    Update: После обсуждения с Алексей Уколов внёс коррекцию

    Если же в значении могут появиться пробельные символы, кавычки и скобки, то при отсутствии обрамляющих кавычек их нужно экранировать (каждый символ).
    Если же обрамляющие кавычки есть, то экранировать нужно только внутренние кавычки в том случае, если они аналогичны обрамляющим. Если же обрамляющие и внутренние кавычки разные (например, внутри двойные, снаружи одинарные и наоборот), то никаких дополнительных действий не требуется.
    Пример — data:uri в кодировке utf8.

    Спецификация:
    Parentheses, whitespace characters, single quotes (') and double quotes (") appearing in a URL must be escaped with a backslash so that the resulting value is a valid URL token

    Пример jsfiddle.net/petroveg/cexbhq4e/6

    8192c6b0c21d43afa0b9b164af297655.png
    Ответ написан
    Комментировать
  • Выделение слоя при клике в photoshop?

    VadimSoloviev
    @VadimSoloviev
    Человек из касты создателей
    alt+клик правой клавишей мыши по нужному объекту
    Ответ написан
    1 комментарий
  • Выделение слоя при клике в photoshop?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Ctrl/Cmd + click
    Ответ написан
    Комментировать
  • Как выполнить cURL запрос в PHP?

    GreysonKind
    @GreysonKind Автор вопроса
    Google все умеет

    Это так тут помогают новичкам?
    Прежде чем задавать кому-то вопрос, я сначала сам перерою пол интернета..

    Может кому пригодится, сделал так:

    // set POST variables
    $url 		= 'http://api.pleer.com/token.php';
    $userpwd 	= 'testclient:testpass '; // заменить на свои данные
    $fields 	= array(
    	'grant_type' => 'client_credentials'
    );
    
    // url-ify the data for the POST
    foreach($fields as $key=>$value) { $fields_string .= $key.'='.$value.'&'; }
    $fields_string = rtrim($fields_string, '&');
    
    $ch = curl_init();
    
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string);
    curl_setopt($ch, CURLOPT_USERPWD, $userpwd);
    
    $result = curl_exec($ch);
    curl_close($ch);
    
    print_r('<pre>' . $result . '</pre>');
    Ответ написан
    4 комментария
  • (Yii2) Оправдано ли использование Bootstrap в несложных шаблонах?

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

    Тем не менее, bootstrap изучать надо (если только Вы не профессиональный верстальщик), хотя бы для того, чтобы представлять, что вообще в мире делается.
    Ответ написан
    Комментировать
  • (Yii2) Оправдано ли использование Bootstrap в несложных шаблонах?

    SamDark
    @SamDark
    Yii2 core team
    В Yii2 bootstrap не внедрён вообще. Просто в фреймворке есть всё, чтобы с ним работать и в поставляемых по умолчанию шаблонах это используется.

    Вот, например, мой шаблон, чтобы работать без bootstrap: rmcreative.ru/blog/post/yii2-minimal

    Ну а вообще с bootstrap приятно.
    Ответ написан
    1 комментарий
  • ЧПУ Yii2, передача GET параметров, как организовать?

    phpnt
    @phpnt
    Сделал видео по UrlManager
    Ответ написан
    Комментировать
  • Как подсчитать количество вхождения каждого слова в списке?

    coderisimo
    @coderisimo
    достаточно двух функций на PHP

    $fruits = array("orange", "lemon",  "apple", "orange",  "banana", "orange", "apple");
    $ratingFruits= array_count_values($fruits);
    asort($ratingFruits);
    print_r($ratingFruits);
    Ответ написан
    4 комментария
  • Какие существуют Material Design CSS-фреймворки?

    Symphony
    @Symphony Куратор тега CSS
    Комментировать
  • Почему при disabled TRUE в ActiveForm не происходит сохранение модели?

    OKyJIucT
    @OKyJIucT
    Sunshine reggae
    Ставьте не disabled = true, а readonly = true. Внешне выглядит одинаково, но во втором случае содержимое поля будет сохраняться.
    Ответ написан
    2 комментария
  • Как привязать footer к низу экрана в Twitter Bootstrap?

    Sergei_Erjemin
    @Sergei_Erjemin
    Улыбайся, будь самураем...
    Блин… что за советы… там есть встроенный класс: navbar-fixed-bottom

    <div class="navbar-fixed-bottom row-fluid">
          <div class="navbar-inner">
              <div class="container">
    
    Ответ написан
    7 комментариев