IVAN SAVCHENKO

Изпользуйте в HTML ng-if="text" , не идите по jquery пути

egghead.io

Вопрос с resize в браузере очень тонкий. Надо писать свой handler. Вот классический вариант подходящий для любых событий. Здесь представлено для resize

// отлавливает события resize
var handleResizeEvents = function() {
    var resizeLayout = debounce(_resizeEvents, 30);
    $(window).resize(resizeLayout);
}

// выполнятся через 30мс после resize 
var _resizeEvents = function() {
    // здесь функция ховера 
    if ($(window).width() > 767) {
        $('.dropdown').hover(function() {
                $('.dropdown-menu').css('display', 'block')
            },
            function() {
                $('.dropdown-menu').css('display', 'none')
            }
        )
        $('.li-sub-dropdown').hover(function() {
                $('.sub-dropdown-menu').css('display', 'block')
            },
            function() {
                $('.sub-dropdown-menu').css('display', 'none')
            })
    };
}

// Функционал следящий за событиями (взято из underscore.js)
// copyright undersore.js
var debounce = function(func, wait, immediate) {
    var timeout, args, context, timestamp, result;
    return function() {
        context = this;
        args = arguments;
        timestamp = new Date();
        var later = function() {
            var last = (new Date()) - timestamp;
            if (last < wait) {
                timeout = setTimeout(later, wait - last);
            } else {
                timeout = null;
                if (!immediate) result = func.apply(context, args);
            }
        };
        var callNow = immediate && !timeout;
        if (!timeout) {
            timeout = setTimeout(later, wait);
        }
        if (callNow) result = func.apply(context, args);
        return result;
    };
};

А вот специальный плагин для этих целей.

вот плагинчик сортирует

С помощью этого плагина можно реализовать подсвечивание активных зон меню. С помощью этого плагина можно отслееживать скролл

Есть один-единственный законный способ - гражданско-правовой договор на оказание услуг с пунктом об ответственности при нарушении его условий. Больше взаимовыгодных вариантов как-таковых нету.

webdesign.tutsplus.com/articles/the-state-of-seo-i...

В примере тег <a> обернут тегом<li>.
<a> задана фиксированная высота, он преобразован в блочный элемент, нижняя полоса задается через border-bottom по ховеру с transition'ом.

HTML (XHTML, HTML4, HTML5) - обязательно (внимание на HTML5)
CSS (2.1, CSS3, etc.) - обязательно (внимание на все версии)
JavaScript / Ajax - обязательно, классика
jQuery - обязательно, классика
Popular Frameworks (HTML5 Boilerplate, Twitter Bootstrap, etc.) - первый удобный шаблон для html5 проекта, не более, второе уже классический шаблон для адаптивной верстки
Modernizr - библиотека для определения браузеров, клиентов, девайсов - прочитать, усвоить, применять по необходимости что-то определить
OOCSS / BEM / SMACSS (Modular coding methodologies) - способы удобного написания стилей, прочитать, усвоить, применять по необходимости
CSS Grids - не знаю что автор имел ввиду - видимо CSS-сетки, просто надо знать
CSS Frameworks / Resets - ничего сложного технологии обнуления стилей и опять наборы CSS правил с классами типа animate.css
Progressive Enhancement / Graceful Degradation - понятие связанное с кроссбраузерностью и упрощением функционала и отображения в некоторых браузерах
HTML and CSS Specifications (W3C / WHATWG) - чаще проверять код на валидность, это позволяет понять свою ошибки как раз на основе этих спецификаций
UX / Usability - больше для дизайнеров, но тоже пригодится
Website Speed / Performance - плюшки по оптимизации
Developer/Debugging Tools (Chrome Dev Tools, Firebug, etc) - умение ковыряться в консоли, надо знать и применять всегда
YUI Library - по необходимости
Dojo / MooTools / Prototype - изучать и применять по необходимости
Responsive Web Design - надо знать работу с css медиа-запросами
Mobile Web Development - абстрактное понятие связанное с разработкой мобильных веб-приложений
Mobile Web Performance ---
Cross-Browser / Cross-Platform Development - абстрактное понятие связанное с разработкой кроссбраузерных и кроссплатформенных приложений
Document Object Model (DOM) - дом модель - на вводном курсе по js должен знать о ней каждый фронтендер
Cross-Browser Bugs and Inconsistencies (primarily IE6-8) - без комментариев
CSS Pre-Processors (LESS / Sass) - удобные препроцессоры для работы со стилями, рекомендую для упрощения работы с CSS
Version Control (Git / GitHub / CVS / Subversion) - полезный навык, нужный не только фронтендерам, полезен для командной разработки.
HTML5 APIs (Canvas, Geolocation, Video, etc.) - изучать и применять по необходимости
Object-oriented Programming (OOP) - без комментариев
Back-end Templating languages/technologies (PHP, Ruby, .NET, etc) - нужно знать на базовом уровне, что бы понимать как обрабатывать данные на клиенте, возвращенные/отданные сервером, мучать бэкендщика по этому поводу.
Scaffolding, Task Runner tools (Yeoman, Grunt, Bower, etc.) - удобные штуки упрощающие работу
MVC Frameworks (Angular, Backbone, etc.) - изучать и применять по необходимости
MySql - изучать
Accessibility / WAI-ARIA - изучать и применять по необходимости
Microdata / Microformats - изучать и применять по необходимости
HTML5/CSS3 Polyfills - изучать и применять по необходимости
CMS (WordPress, Drupal, Joomla, etc) - изучать и применять по необходимости
Functional Programming - без комментариев, надо знать
Data Formats (e.g. JSON, XML) - надо знать
Internationalization / Localization - абстрактное понятие
Content Strategy - изучать и применять по необходимости
Offline Web Apps - изучать и применять по необходимости
Regular Expressions - надо знать на базовом уровне
.htaccess - изучать и применять по необходимости
SVG - изучать и применять по необходимости
Image Editing Tools (Photoshop, Fireworks, etc.) - надо знать
Web Font Embedding / Licensing - работа со шрифтами
SEO - фронтеднеру надо знать на уровне семантичной вертски
Haml - работа с HTML
CoffeeScript - работа с JS

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