Журнал «Код моё имя»

Писал скриптик для портфолио недавно и там, в одной из задач, было необходимо реализовать движение точки по окружности. Провозившись пол часа написал универсальную функцию для реализации данной задачи.
Входящие параметры функции:
alfa — начальный угол
beta — на какой угол повернуть
dalfa — шаг угловой
ro — направление вращения 0 по часовой 1 против часовой
x — координаты точки по оси х
y — координаты точки по оси у
centrX — координата центра по оси х
centrY — координата центра по оси у
Radius — радиус
obid — id объекта
timeout — временной интервал
Читать полностью

Сколько раз вы хотели просто нарисовать стрелку на своей web-странице? Или несколько линий тут и там? К сожалению, HTML ничем не может в этом помочь, а использование изображений съедает трафик и замедляют загрузку ваших страниц.
Благодаря Уолтеру Зорну, вы можете теперь использовать JavaScript, чтобы рисовать объекты на ваших web-страницах. Запустите свой JavaScript редактор, следуйте инструкциям, приведенным ниже, и вы будете рисовать формы на своих web-страницах в мгновение ока.
Нажмите здесь, чтобы загрузить JavaScript библиотеку векторного рисования (6 КБ) согласно лицензии LGPL

Используйте библиотеку, чтобы рисовать:
линии
круги и овалы
прямоугольники
ломаные линии и многоугольники
тексты
картинки
Читать полностью

у jParallax была главная перестройка в готовности, которая будет выпущена как версия 1.0! Слои теперь можно замораживать – последняя особенность, которую разработчик хотел осуществить – и код стал более компактным. Остается только благодарить разработчиков и пользоваться!
Что делает jParallax?
jParallax превращает выбранный элемент в ‘window’, или viewport, а се его дочерние — в абсолютно помещенные слои, которые можно увидеть через через viewport. Эти слои перемещаются в ответ на действия мыши, и, в зависимости от их измерений (и вариантов инициализации слоя), они двигаются на разные расстояния, parallaxy способом. Читать полностью

Сегодня я хочу продемонстрировать библиотеку JQuery со стороны визуального оформления сайта. Библиотека обладает большим набором визуальных эффектов, с которыми сайт приобретёт свою неповторимость и динамичность просмотра.

Для начала посмотрим как могут быть использованы эффекты, а затем я приведу их список.

show(effect, options, [speed], [callback])

Показывает элемент с помощью эффекта (effect).


Читать полностью

Поворот текста с помощью HTML. Большенство людей считают данную задачу не решаемой средствами HTML, ну по крайней мере если и решаемой то не кросбраузерно. Я хочу разрушить данный стереотип и на примере показать, что это не только возможно, но и очень просто.
Как это делается? А очень просто.. Для интернет эксплорера это делается на базе фильтров, и этот метод известен почти всем. Но фильтра не действуют в браузерах типо оперы и фаерфокса. Как же с ними быть? А очень просто.. Для этого мы воспользуемся элементом которого нет в IE это канавас(<canavas>), который мы динамически создадим.

Читать полностью

Очень часто при разработке пользовательского веб интерфейса приходится дабы не замусоривать формы делать динамически генерируемые элементы. В данном примере я хочу показать, как динамически добавлять и удалять строки с помощью appendChild и removeChild методов.
Начнём сразу с примера.
У нас есть контейнер с id = event в нём содержится пока что ещё один контейнер с id = event_line который мы и будем копировать и конечно кнопка добавления и удаления строки. Выглядеть это будет вот так: Читать полностью

Делал вот один проэктик со статистикой и там необходимо было сделать графики. Я сразу режил посмотреть в сторону javascript и не ошибся! есть такая замечательная библиотека для jquery как jQuery Sparklines.
jQuery Sparklines — это плагин для jQuery, который способен генерировать линейные графики в браузере используя данные, указанные либо в HTML, либо в JavaScript.
Скачать его можно на официальном сайте плагина: www.omnipotent.net/jquery.sparkline/
Пользоваться данным плагином достаточно просто. Читать полностью

Итак, сегодня мы посмотрим как сделать красивый эффект отражения с помощью javascript. Что нам для этого понадобится? Для этого нам понадобится немного свободного времен и любая картинка для тестов. Для создания такого эффекта, как вы видите слева на картинке нам понадобится написать небольшой скриптик, который будет на базе существующей картинки создавать область canvas и применять к ней эффект оптикания

Читать полностью