Javascript & Ajax \ Javascript

Повышаем производительность: как загружать изображения при помощи in-view.js

От автора: в этом уроке я покажу вам, как повысить производительность веб-страниц при помощи in-view.js. Эта JS библиотека посылает ответ, когда что-либо попадает в видимое окно браузера во время прокрутки страницы. С ее помощью мы сможем динамически загружать изображения тогда, когда они нужны.

Читать далее

Javascript & Ajax \ Javascript

Как отслеживать поведение пользователя с помощью Google Analytics Events

От автора: Если коротко: вы только что переделали дизайн вашего сайта, задействовали все известные вам лучшие практики. Сайт загружается быстро и, определенно, выглядит намного лучше с новым интерфейсом. Однако решили ли вы, как оценить новый дизайн? Как вы узнаете, повышает ли конверсию новое попап окно? Как часто это окно появляется, и как много людей закрывают его? Сколько пользователей используют выдвигающееся меню, которое вы также недавно добавили? Сколько людей просматривает слайдер изображений на домашней странице более одного слайда? Вопросов много, и все они разные. В этом уроке я покажу вам, как работать с Google Analytics Event Tracking API (какое длинное название!) и найти ответы на все вопросы.

Читать далее

Javascript & Ajax \ Javascript

Создаем генератор случайных цитат с помощью JSON

От автора: встречать пользователя на своем сайте случайной цитатой – популярный способ персонализации пользовательского опыта. Часто цитаты хранятся в отдельном файле, но если их немного, десять или меньше, намного эффективнее хранить их прямо на странице в скрипте.

Читать далее

Javascript & Ajax \ Javascript

Легкий параллакс эффект с помощью JavaScript и CSS трансформаций

От автора: в последнее время ряд сайтов, в том числе рекламная страница Bioware игры Mass Effect Andromeda и работа агентства Active Theory Under Armour получили параллакс эффект, когда движение мыши связано с движением элемента на странице в противоположном направлении. Я захотел воссоздать этот эффект на чистом JavaScript и современных свойствах CSS. Пример моих стараний можно увидеть ниже.

Читать далее

Javascript & Ajax \ Javascript

Библиотека Lodash.js

От автора: в этом уроке мы познакомимся с библиотекой lodash.js — узнаем как ее подключить, зачем она нужна и узнаем базовые методы, которые позволяют легко манипулировать и изменять массивы в JavaScript.

Читать далее

Javascript & Ajax \ Javascript

Скрипт для удаления строк в таблице по клику

От автора: добавление и удаление товаров из корзины – довольно распространенный UI шаблон. Часто он создается с помощью фреймворка (или двух, или трех…). На этой неделе я понял, что этот шаблон можно написать на CSS и чистом JavaScript.

Читать далее

Javascript & Ajax \ Javascript

Встроенная операция копировать в буфер обмена в браузере

От автора: не так много времени прошло с тех пор, когда нельзя было программно скопировать текст из интернета в буфер обмена без Flash. Однако сейчас поддержка данной операции стала намного лучше. Мэтт Гунт в своей статье на сайте для разработчиков от Google говорит, что данная операция поддерживается в IE 10+, Chrome 43+, Firefox 41+ и Opera 29+.

Читать далее