Сортировать статьи по: дате | популярности | посещаемости | комментариям | алфавиту


Cubism.js – визуализация динамического ряда

Cubism.js – это плагин для D3.js, библиотеки визуализации посредством javascript для HTML и SVG, для отображения временного ряда в режиме реального времени. Он запрашивает данные постепенно путем опроса только самых недавних значений, что значительно сокращает нагрузку на сервер. Графики генерируются постепенно, сдвигая изображение на один пиксель влево.
Аудио слайд-шоу с помощью jPlayer

Сегодня мы хотим поделиться с вами аудио слайд-шоу. Используя аудио-платформу jPlayer, распространяемую с открытым исходным кодом, мы можем создавать слайд-шоу с отображением картинок и с воспроизведением музыки. Более того, слайд-шоу можно настроить таким образом, чтобы изображения сменялись в определенные моменты в песне. Хотя мы и представляем вам фото слайд-шоу, он не ограничен фотографиями. Он также позволяет нам использовать div’ы с любой информацией внутри.
Автогенератор вендорных CSS3-свойств – cssFx.js

Поскольку почти каждый браузер использует для некоторых свойств собственные CSS-префиксы (-webkit-, -moz- или -o-), нам обычно приходится закладывать в наши таблицы стилей их все. Дело не только долгое, но и трудоёмкое, да и объём CSS-файлов из-за этого увеличивается (а в итоге может замедлиться скорость загрузки и снизиться пропускная способность).

cssFx - это javascript-файл (объёмом в 2.5 Кб), генерирующий вендорные CSS3-свойства для старых и новых браузеров в клиентской части. Он поддерживает большинство CSS3-свойств и работает почти со всеми браузерами (в том числе, IE6).
Skrollr: отдельная библиотека параллакс-скроллинга

Parallax scrolling (параллакс-скроллинг) создает иллюзию глубины за счет передвижения веб-элементов на разной скорости при прокрутке страницы, и это в значительной степени может помочь завоевать положительное отношение к странице.

Skrollr – это легкая (7 кб в уменьшенном формате и 3 кб при сжатии gzip) и отдельная javascript-библиотека анимации для прокрутки, которая сильно упрощает процесс разработки Parallax-эффекта.
Расширение JavaScript-функций в обработке значений дат – XDate

Несколько дней назад широкой публике стала доступна String.js (библиотека, расширяющая возможности строковых javascript-функций). XDate - библиотека, подобная String.js, но предназначенная для синтаксического анализа, форматирования и преобразования значений дат.
Расширение возможностей JavaScript за счёт усиления строковых функций: String.js

Отсутствие в javascript функций, обычно востребованных большинством сценариев, обнаруживаешь с удивлением. Взять, хоть, "замыкание последовательности в цикл" "при наличии в структуре переменной данных признаков" или "перевод строчных букв в прописные". Если вы не пользуетесь javascript-каркасом, то для выполнения таких действий вам придётся задавать собственные функции (в JS-каркасах ряд подобных функций тоже отсутствует, вследствие чего библиотекам лучше быть поменьше).

String.js - это javascript-библиотека, обеспечивающая вам такие дополнительные строковые функции, почти не занимая места на диске (<2Кб в виде gzip-файла). Она автономна, схожа с jQuery синтаксисом и поддерживает связную обработку данных.
Автономная библиотека универсальных JavaScript-уведомлений – Smoke.js

Smoke.js представляет собой портативную javascript-библиотеку, заменяющую собой весь функционал "маячка" ('alert') в стандартной настройке, с более удобным для пользователя набором уведомлений.

Она вводится в действие просто - подстановкой "smoke." в начало технологических структур собственных функций системы 'alert', 'confirm' и 'prompt', принимая на себя их отображение.
Бесплатный полностью JS-анимированный шаблон для веб-дизайн студии

Что если ваше вдохновение иссякло, и вы даже представить себе не можете, как должен выглядеть дизайн сайта ваших новых клиентов? Что вы будете делать в такой ситуации? Одна (и вероятно самая правильная) идея заключается в том, чтобы обратиться за помощью к платным решениям, которые могут оказаться для вас хорошей точкой старта на пути к разработке эффективного дизайна. Причем, качественные дизайны не всегда бывают платными, и сегодня мы хотим представить вам как раз один из таких вариантов – бесплатный шаблон для веб-дизайн студии, полностью анимированный посредством javascript.
Введение в Underscore.js – Часть 2: коллекции похожие на массивы

В первой части мы рассматривали несколько удобных массив-методов, которые нам предоставляет Underscore. Сегодня же мы хотим рассказать вам о синтаксическом приеме, который Underscore предлагает нам для работы с коллекциями, похожими на массивы. Подобные коллекции представляют собой нечто похожее на массивы тем, что представляют собой набор данных, но в данном случае отсутствуют некоторые вещи, доступные при работе с массивами. Например, параметр длины (length).
Мощная система для организации чата – Часть 8

Сегодня мы продолжим нашу эпопею, посвященную разработке чата. Наш 8-й урок посвящен разработке нескольких функций: мы добавили возможность администраторам и модераторам блокировать (или разблокировать) пользователей (теперь они могут осуществлять естественную модерацию – банить пользователей), а также добавили рейтинги пользователей. Теперь каждый пользователь может проголосовать за других.

Сегодня мы выложим для вас обновленные исходники нашего растущего проекта. Весь проект разложен по полочкам: системные классы будут в папке «classes», javascript-файлы в папке «js», таблицы стилей в папке «css», файлы шаблона в папке «templates», а все пользовательские аватары будут помещены в папку под названием «data».