Горяче клавиши для Google Chrome DevTools

https://developers.google.com/chrome-developer-tools/docs/shortcuts?hl=ru

Расширенный синтаксис CSS-селекторов

Расширенный синтаксис CSS-селекторов: http://htmlbook.ru/samcss/selektory-atributov, в общем-то, видимо, совпадает с Sizzle (селекторами jquery)

Как правильно работать с Shadow DOM

Как смотреть Google Chrome DevTools → Настройки → General → Show Shadow DOM. Как пользоваться

AngularJS — MVC or MVVM?

MVC vs MVVM vs MVP. What a controversial topic that many developers can spend hours and hours debating and arguing about. For several years +AngularJS was closer to MVC (or rather one of its client-side variants), but over time and thanks to many refactorings and api improvements, it’s now closer to MVVM – the $scope …

Оптимизация загрузки сайта для мобильных устройств

http://youtu.be/YV1nKLWoARQ Слайды:https://docs.google.com/presentation/d/1IRHyU7_crIiCjl0Gvue0WY3eY_eYvFQvSfwQouW9368/present Основные вещи: В идеале надо стараться уложиться в 14 кБ для отрисовки первичной страницы (хотя бы для основного макета со стилями). При этом стили для этого сделать встраиваемыми, т.к. для избежания FOUC (flash of unstyled content) браузер ждет догрузки css и только после этого начинает отрисовывать страницу. Javascript стараться грузить уже после отрисовки …

Sizzle: как работает движок селекторов в jQuery

http://blog.bigbinary.com/2010/02/15/how-jquery-selects-elements-using-sizzle.html Главное: Если в браузере доступен document.querySelectorAll(), или достаточно методов document.getElementById() и document.getElementsByTagName(), то запрос к DOM-у будет передан этим методам, и потом ответ будет обёрнут в jQuery. Интересное наступает, если этими методами обойтись нельзя. Для примера возьмем старый браузер без document.querySelectorAll() и селектор

$(".header a")

1	$(".header a")

Точные вычисления в javascript

Math.js — http://mathjs.org/ Умеет правильно вычитать 0.3-0.2 :)

Галерея только средствами CSS

В собеседованиях бывают вопросы про галерею. В частности — сделать галерею без JS. Вот как это можно сделать.

Способ поместить элемент по центру другого

Стандартный вопрос на собеседовании: один див ровно по центру другого. Вот еще один способ решения задачи: JS Bin http://jsbin.com/vaqabaxo/1/edit (http://jsfiddle.net/4LKMs/1/)

Наблюдать за событиями на элементе в Google Chrome DevTools

На странице вконтактика пишем

monitorEvents($('#side_bar')[0], ['mouse', 'key', 'touch'])

1	monitorEvents($('#side_bar')[0], ['mouse', 'key', 'touch'])

и водим мышкой по левому меню. Видим: Вот подробнее — http://www.briangrinstead.com/blog/chrome-developer-tools-monitorevents