The Whiz

Я делал полностью самописное решение без iframe. Работает очень хорошо, показы виджета можно считать по количеству get запросов например. Приложение на Rails.

На прошлой неделе я заказывал дизайн без верстки. За три дня работы дизайнера и одну страницу в PSD мы отдали $500. Так что да, есть.

Посмотри как сделано здесь: jqueryui.com/droppable/#visual-feedback

$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
    hoverClass: "ui-state-active",
    drop: function( event, ui ) {
        $( this )
            .addClass( "ui-state-highlight" )
            .find( "p" )
                .html( "Dropped!" );
    }
});
$( "#draggable2" ).draggable();
$( "#droppable2" ).droppable({
    accept: "#draggable2",
    activeClass: "ui-state-hover",
    drop: function( event, ui ) {
        $( this )
            .addClass( "ui-state-highlight" )
            .find( "p" )
                .html( "Dropped!" );
    }
});

php include :)

если брать только хтмл + цсс + немножко js то можно посмотреть сюда - клик по табе показывает нужное содержание и прячет все остальное (там все очень просто)

— Кто как начал верстать ?
Прошел все курсы на codecademy, затем codeschool, затем заверстал сайты себе и всем знакомым бесплатно.

— Кто где и как изучал материал, что бы сложить пазл знаний и опыта для точного понимания как оптимально решать те или иные нестандартные задачи?

Изучал все скопом, особенно хорошо идет обучение если стоит конкретная задача.
Сразу оговорюсь, что книги мне на первом этапе не помогали - не мой метод.

—У кого какие переломные моменты случались, что вот после этого Вы твердо поняли, что уже есть основа

1. Когда отвечал на чужие вопросы на профильных сайтах, stackoverflow и тд
2. Когда сделал несколько проектов на заказ за оплату и получил положительные отзывы
3. Когда друг серьезный программер спросил не хочу ли я поработать у них в компании вместо их фронтэнд человека

—Как подходите к изучению новых методологий и сколько уходит на это времени ?
Гнаться за всем подряд не имеет смысла. Можно открывать хабр и сойти с ума - каждый день что-то новое. Просто стараюсь потихоньку внедрять новинки в заказах/проектах.

Практика + практика + практика

Yeoman +1, однако там довольно много нюансов.
Также посмотрите на CodeKit - возможно это то, что вам нужно, есть возможность компайла препроцессоров "на лету".
Еще один возможный вариант - LiveStyle. Посмотрите их видео, там все ясно.

Почему бы не сделать обычный слайдер, а сверху бросить два треугольных дива, которые послужат маской?