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

    DaFive
    @DaFive
    Если все дивы лежат в контейнере с id test:
    var divs = $("#test div.start").nextUntil('div.end');
    console.log(divs);

    Если без контейнера и больше дивов с такими классами нет, то просто:
    var divs = $("div.start").nextUntil('div.end');
    console.log(divs);


    Модификация для "особых" случаев. Мне на самом деле лень приводить к красивости, вам так нагляднее будет:
    var start_divs = $("#test div.start");
    var end_divs = $("#test div.end");
    
    for (var i = 0; i < start_divs.length; i++) {
    	var $start = $(start_divs[i]);
    	var $end = $(end_divs[i]);
    	console.log($start.nextUntil($end)) ;
    }
    Ответ написан
    Комментировать
  • Какое более правильное решение написания each() для улучшения производительности?

    Вот так правильно. Используем контекст выборки, т.е. ищем блок .item в блоке .block2
    $('.item', '.block2').each(function(){
       console.log(this);
      });
    Ответ написан
    9 комментариев
  • Зачем писать свой движок сайта?

    @samodroid
    Старайтесь выполнять работу по своим силам,простой движок сайта можно сделать, это не такая уж трудная задача.Так как пхп-это язык с ооп, то воспользуйтесь этим козырем, разложите все задачи движка по классам, вам будет намного легче. Главное написать план действий на бумаге на каждый день и не переутомляться. Вот пример плана:
    1 день: сделать главную страницу.
    2 день: сделать стиль элементов.
    3 день: создать модуль загрузки картинок.
    4 день: создать модуль добавления новых страниц сайта.
    5 день: создать модуль меню.
    Две недели-это достаточный срок для написания основы для движка и минимальный функционал. Возможно это просто проект для набора опыта, потом легче будет работать. В крайнем случае если вас уволят с работы, то хотябы будет опыт, после дома вы всегда сможете улучшить свои результаты и найти другую работу, где вы пройдете испытание. Главное- не отчаиваться, отчаяние- самый большой враг человека! Очень часто бывает,что человек по-многу раз ищет новую работу.
    Ответ написан
    1 комментарий
  • Питон. Как изучать?

    afiskon
    @afiskon
    Тупо берите задачу и решайте. Гуглите, смотрите по книжкам, спрашивайте на форумах. Через пол года посмотрите на свой код, офигейте и напишите заново, в этот раз лучше :) Список задач можно тут посмотреть например.
    Ответ написан
    Комментировать
  • Как получить должность штатного верстальщика?

    Kublyakov
    @Kublyakov
    Живу не в Москве, образование школа+ПТУ, устроился на работу верстальщиком, не имея в портфолио ни одной работы и умея верстать лишь самые простые странички.
    Просто разослал по всем веб-студиям своего города письмо, в котором написал, что хочу работать у них верстальщиком и первый месяц-два готов работать за небольшую сумму в обмен на знания. Из 20 студий ответили 4. Одни позвали на собеседование, другие дали тестовое задание. Выполнив 2 тестовых задания (несложные странички) я при собеседовании их же и показал. В итоге работаю верстальщиком уже третий месяц. Не жалею, что пошел в офис - если что, старшие товарищи все рассказывают и объясняют.
    За 2 месяца научился многому, сейчас уже в JS начал вникать потихоньку.
    Я бы рекомендовал действовать примерно по моему сценарию, если возьмут на обучение, то очень быстро научишься всему, что необходимо для работы. Хотя по началу будет тяжеловато.
    Ответ написан
    4 комментария
  • Как получить должность штатного верстальщика?

    @Grag
    1. Чего точно хватит: HTML5/CSS3/LESS/SASS/Bootstrap/Foundation/JavaScript (Jquery обязательно, все плагины или подавляющее множество на нем)/Адаптивность

    2. 10 уверенных работ, хорошо прокомментированный код хватит

    3. Тех. образование у верстальщика это смешно. Гуманитарки хватит вполне.

    4. Без него ни куда. Зарплату по вашему региону не знаю

    5. Хороший спец всегда нужен, и тут дело в умении разбираться в среде работы, любить свое дело, быть асом или на подходе к этому состоянию, а не в пестром портфолио и т.д.
    Ответ написан
    2 комментария
  • Как посмотреть все глобальные переменные в js?

    Создайте новый Window и сравните свойства:
    document.body.insertAdjacentHTML('beforeend', '<iframe hidden />');
    var originalWin = window.frames[window.frames.length - 1],
        originalKeys = Object.keys(originalWin);
    
    var globals = Object.keys(window).filter(x => originalKeys.indexOf(x) === -1);
    Ответ написан
    3 комментария
  • Как на javascript отследить изменение в объекте?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Допустим есть 2 объекта:
    var a = {
        name: "Vasia"
    };
    var b = {
        name: "Petia"
    };


    При этом мы не знаем ни названия полей, ни их количество. У нас есть варианты:
    1. Сериализовать в JSON и сравнить получившиеся строки:
    var string_a = JSON.stringify(a);
    var string_b = JSON.stringify(b);
    string_a === string_b; // false


    2. Использовать специальные библиотеки, например Underscore и её метод _.isEqual:
    var moe   = {name : 'moe', luckyNumbers : [13, 27, 34]};
    var clone = {name : 'moe', luckyNumbers : [13, 27, 34]};
    
    // false
    moe == clone;
    
    // true
    _.isEqual(moe, clone);
    Ответ написан
    1 комментарий
  • Как сделать аналогичную функцию jQuery на чистом JavaScript?

    deadbyelpy
    @deadbyelpy
    веб-шмеб
    // pass a function reference
    docReady(fn);
    
    // use an anonymous function
    docReady(function() {
        // code here
    });

    а вот и сам
    docReady
    Ответ написан
    Комментировать
  • Как называется событие клика в js (не onclick)?

    VK-Style
    @VK-Style
    onMousedown - или не такой?
    Ответ написан
    Комментировать
  • Как слелать размытие контента сайта?

    Короткий и практичный пример.
    CSS:
    .blur {
            filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px);
    	-o-filter: blur(3px); -ms-filter: blur(3px);
    	filter: url(blur.svg#blur);
    }

    Использовать можно так:
    <body class="blur">

    Так же хороший вариант предложил Вадим, могу сказать, что CSS3 класс работет. Для будущих читательей размещу код здесь, на случай исчезновения ссылки:

    .css3-gaussian-blur *
    {
        text-shadow: 0 0 10px rgba(0, 0, 0, .5) !important;
        color: transparent !important;
        background-image: none !important;
        border-color: rgba(0, 0, 0, .05) !important;
        /* disable the pointer events for blurred zones */
        -moz-pointer-events: none !important;
        -webkit-pointer-events: none !important;
        pointer-events: none !important;
    }
    
     .css3-gaussian-blur input,
     .css3-gaussian-blur textarea,
     .css3-gaussian-blur button,
     .css3-gaussian-blur select
    {
        box-shadow: 0 0 10px rgba(0, 0, 0, .5) !important;
        border-color: rgba(0, 0, 0, .05) !important;
        resize: none !important;
        opacity: .5 !important;
    }
    
     .css3-gaussian-blur img,
     .css3-gaussian-blur input,
     .css3-gaussian-blur input[type="file"],
     .css3-gaussian-blur input[type="checkbox"],
     .css3-gaussian-blur input[type="radio"]
     .css3-gaussian-blur textarea,
     .css3-gaussian-blur select
    {
        opacity: .2 !important;
        background: transparent none !important;
    }
    
     .css3-gaussian-blur fieldset
    {
        border-color: transparent !important;
    }
    
    /* Vendor-specific styles */
    /* CSS3 filters are currently supported by Chrome only */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
         .css3-gaussian-blur img
        {
            -webkit-filter: blur(15px) !important;
            filter: blur(15px) !important;
            opacity: 1 !important; /* restore the opacity for that browser */
        }
    }
    
    /* IE<10 styles using the \9 hack */
     .css3-gaussian-blur img
    {
        filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=20)\9 !important; /* IE has native support for filters since version 5.5 */
        -ms-filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=20)\9 !important; /* IE has native support for filters since version 5.5 */
        opacity: 1\9 !important;
    }
    
     .css3-gaussian-blur *
    {
        color: #ccc !important\9;
    }

    Использовать можно так:
    <body class="css3-gaussian-blur">
    Ответ написан
    5 комментариев
  • Какие технологии использовать для игры на двоих в "Крестики-нолики"?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    PHP, JS, WebSockets (ReactPHP можно взять). MySQL не нужно, только если вы хотите сохранять результаты "матчей".
    Ответ написан
    Комментировать
  • Какой jQuery плагин использовать в этом случае?

    Toy
    @Toy
    Front-end Developer @ Starbucks
    .animate() тут вполне хватит.
    Ответ написан
    Комментировать
  • Каков план личностного развития PHP программиста с нуля?

    konst20
    @konst20
    Программист, преподаватель, немного электронщик
    Есть опыт помощи таким начинающим.
    реальный срок до запуска джуниора - полгода, никого не слушайте.

    Важные моменты
    веб-программирование на базе PHP - это стек технологий: PHP/SQL/CSS/HTML/JS + Linux хотя бы азы + знание важных инструментариев (FTP, Git/SVN, работа с БД)
    чистый PHP плюс даже все перечисленное выше - не особо нужно и не интересно. Нужно знание конкретных платформ: фреймворков и/или CMS. (Почитайте вакансии на Хантиме по запросу PHP, обратите на это внимание). Навскидку самые востребованные (спорно конечно): Yii фреймворк, CMS Битрикс и Wordpress.

    Как начать?
    Смело на амбразуру!
    1) Установите у себя рабочую среду LAMP/WAMP - Apache, PHP, MySQL. Для этого возьмите пакет Denwer или OpenServer, что больше понравится. Сделайте Hello World просто как HTML, потом на PHP, потом алертом на JS. Порадуйтесь.
    Установите все редакторы кода. Кто там вам будет рекомендовать блокнот или notepad++ - не слушайте. Варианты: если машина мощная (4+ Гб памяти и пр.), берите редактор phpStorm (для php/html/css/js). Если не очень мощная - берите komodo edit. Для работы с БД инструмент встроен в Denwer/OpenServer, это phpMyAdmin
    2) Идеально, если вы договоритесь сделать кому-нибудь сайт. Бесплатно или за небольшую плату. Если нет - сами себе поставьте задачу: сайт про котиков/про детей etc. Красивый сайт, с галереей, с эффектами, с материалами
    Возьмите CMS Wordpress и попытайтесь сделать сайт у себя на компьтере. Настоящий сайт, во всей красе, как вы хотите. Правьте его, смотрите код, экспериментируйте. Сообщество огромное, вы найдете ответы на все свои вопросы
    Потратьте чуть денег, купите себе домен и хостинг, залейте сайт на хостинг.
    Порадуйтесь. Похвастайтесь.
    3) Ищите в сети тестовые задачи и решайте их, изучайте материалы собеседований, вопросы - их много.
    4) Зарегистрируйтесь на odesk.com под каким-то фейковым email, пройдите тесты по PHP, CSS, HTML, jQuery, Wordpress, а во время прохождения делайте скриншоты вопросов. Потом изучайте эти вопросы, ищите ответы, далеко не обязательно на все. Тесты вы, конечно, не пройдете, но вам нужны только вопросы.
    5) Постоянно следите за вакансиями "PHP-программист", "веб-программист" на Хантиме, на hh.ru и подобных ресурсах.

    И да, как только напишете первую строку кода - начните читать про Git. Как будете готовы - сразу внедрите у себя Git, вы будете очарованы его возможностями.

    Вот как раз на полгода.
    После этого у вас появится масса информации, и дальше вы сами сориентируетесь.
    Ответ написан
    11 комментариев
  • Как вызвать событие window.load() после вставки скрипта AJAX'ом?

    ghaiklor
    @ghaiklor
    NodeJS TechLead
    Если без jQuery, то dispatchEvent
    UPD: Example
    Ответ написан
    Комментировать
  • Таймер обратного отсчета на Jquery для лэндинга?

    metamorph
    @metamorph
    Вот это countdownjs.org для циферок и что угодно для UI.
    К примеру, отлично ложится на это https://github.com/aterrien/jQuery-Knob
    Ответ написан
    Комментировать
  • Таймер обратного отсчета на Jquery для лэндинга?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Ответ написан
    Комментировать