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

Простой и быстрый клиентский шаблонизатор

http://olado.github.io/doT/

Соотношения сторон и разрешения мобильных устройств

http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/ (по ссылке таблицу можно сортировать) Device Name Platform Pixel Density Screen Size Portrait Viewport Width Landscape Viewport Width Acer Iconia Tab A100 Android 166dpi 7″ 800 1280 Acer Iconia Tab A101 Android 170dpi 7″ 600 1024 Acer Iconia Tab A200 Android 160dpi 10.1″ 800 1280 Acer Iconia Tab A500 Android 149dpi 10.1″ 648 …

Пользовательские переменные в Google Analytics

Смотреть в Аудитория → Персонализованный → Мои переменные