Записи с меткой → javascript

Добрый день, уважаемый Блог. Изучение яваскрипта я начал сравнительно недавно (приблизительно пару-тройку месяцев назад). Сказать, что «нужда заставила» язык не повернется – просто захотелось чего-нибудь новенького. И изучения я начал сразу же с jQuery (счастливая случайность, думается мне). По началу я… Не понимал ничего. Темный лес, горизонта нет, а трава покрывается жуткими черными наростами. Но […]

При создании веб-страницы, довольно часто встает задача сделать блок динамически изменяющихся данных (при выборе значения в селекте, нажатии кнопки и т. д.). Реализовать задачу можно несколькими способами. Обычно данные подгружаются с помощью Ajax или загружаются вместе со страницей в блоках DIV, затем отображаются/прячутся с помощю скрипта. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser […]

Добрый день, %username%! Kevin Gadd из Mozilla представил летом 11-го года достаточно интересную тулзу для компиляции CIL в JavaScript. Данная статья представляет из себя достаточно вольный перевод интервью с сайта stateofcode.com и немного своих мыслей. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Наверняка многие знакомы с какой-нибудь серверной системой шаблонов, например, Smarty или Cheetah. Но есть шаблон, который выполняется на стороне клиента — плагин jQuery Template, созданный в недрах Microsoft. В современных условиях усложнения веб приложений его использование имеет ясный практический смысл. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

ContextFree на JavaScript

31, Янв 2012

Всем привет, дорогие НЛО! Буквально недавно на блоге был пост, который меня крайне заинтересовал, а точнее меня заинтересовал один арт который был сделан при помощи ContextFreeArt рендеринга картинок. Я подумал что таким образом можно отдавая код и уникальное число пользователю, можно рендерить картинки уже на стороне пользователя не нагружая сервер лишней статикой. Рекомендовать on Facebook […]

Добрый день. Я думаю многие пользуются HTML5 Canvas. Но пока еще никто не пробовал сделать картинку с событиями на HTML5.HTML5 — вступление HTML5 Canvas это единственный способ для создания интерактивных картинок. Поскольку HTML5 Canvas Context не поддерживает ни события, ни анимацию, я решил прибегнуть к использованию JavaScript на более сложном уровне. Рекомендовать on Facebook Share […]

На эти размышления меня натолкнуло знакомство с асинхронным BDD фрэймворком для nodejs vows. Однако топик совсем не про vows и не совсем про BDD. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Доброго времени суток! Встретил в интернете стрелочные часы, но решил сделать их с помощью CSS. Вместо цифр решил сделать засечки. Фреймворк для javascripta будем использовать jQuery v1.7.1. Создадим нашу основу часов:<!DOCTYPE html> <html lang=»ru»> <head> <title>Часы</title> <script src=»js/jquery-1.7.min.js»></script> </head> <body> <article id=»time»> <div id=»center»></div> <div id=»second»></div> <div id=»minute»></div> <div id=»hour»></div> <div id=»clock»>clock</div> </article> </body> Рекомендовать […]

Добрый день, уважаемое блогосообщество. Решил представить свою наработку в виде статьи. Возможно, идея не нова и требует доработок, но если учесть то, что JQuery и JavaScript я изучаю всего около месяца то думаю вышло неплохо. Итак, скрипт ведет обратный отсчет от указанного значения, используя при смене эффект прокрутки цифры. Разберемся как это все работает. Рекомендовать […]

Вчера встала задача добавить в проект написанный на node.js возможность добавления фотографии с Web камеры. После серфинга интернета готовых решений найдено не было, но была найдена одна достаточно простая библиотека написанная на Flash + Javascript jpegcam. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Время от времени я пишу статьи о паттернах в Javascript-е — современных методах решений стандартных проблем в разработке, в профите применений которых я абсолютно уверен. Общие паттерны хороши для «чистого» Javascript-а, но некоторые «темные стороны» веба имеют свои фишки. Сегодня мы поговорим о плагинах jQuery. Мануал по ним дает неплохой старт, но я предлагаю копнуть […]

Не так давно на работе передо мной была поставлена задача реализовать механизм асинхронного обмена данными между веб-приложением на Java и веб фронт-эндом на стороне клиента. Задача заключалась в том, чтобы клиент получал апдейты с минимальной задержкой, при этом апдейты могли приходить со скоростью 100 апдейтов в секунду, так и 1 апдейд в минуту, т.е. желательно […]

Небольшая демонстрация возможностей CSS3 на примере. Данный пример затрагивает свойства border-radius, box-shadow и linear-gradient.head Прошу расценивать предлагаемый код не в качестве готового решения, которое требуется использовать в своем проекте, а лишь как демонстрация. Хотя, при должной доработке, вполне возможно подойдет для какой-нибудь задачи. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

BlockA fitTo BlockB

24, Дек 2011

Для чего? — В одном из проектов необходимо было развернуть «панель» в sidebar’е так, чтобы панель скрыла sidebar — Развернуть диалог в родительском блоке, так, чтобы он закрылего содержимое Было решено написать инструмент в контексте jQuery — «Маленький», но удобный плагин jQuery.fitTo Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Ни для кого не секрет что будущее в мире интернет страниц наступает довольно стремительно. Каждый день придумываются новые способы удивить людей более красивыми и динамичными проектами. Каждый день мы или наш начальник просит сделать что нибудь эдакое отличающее от другого большинства проектов. Как нам известно далеко не все разработчики браузеров стараются нам угодить, кто-то отстает […]

«Простые вкладки» — вкладки, которые просто переключают готовый контент, без асинхронной подгрузки, без нестандартной реакции — только переключениеРазметка <p id=»my_tabs» class=»simple_tabs»> Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Приветствую! В процессе разработки на ExtJS я столкнулся с одной особенностью фреймворка. Пока я пользовался стандартным Ext.Loader для автоматической загрузки классов по зависимостям, все было отлично, за исключением множества запросов к серверу. Когда же я попытался воспользоваться минификатором, который бы собрал весь ворох файлов в один скрипт, ExtJS стал ругаться на отсутствие родительских классов — […]

В последнее время часто сталкиваюсь с вопросами людей, начавших работать с JavaScript, по поводу объявления классов, наследования, статических методов. В данной статье хотелось бы кратко осветить несколько ключевых моментов, после чего использование языка становится гораздо проще. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Про создание дополнений Firefox я знаю мало, но для того чтобы узнать это немногое мне потребовалось несколько дней. Эти знания мне не довелось пока применить для реальной задачи, и кто знает когда придётся. По теме есть много информации на английском языке, но в силу скудности моего английского эта информация была для меня трудновоспринимаема. Статьи, что […]

Привет друзья! Хочу поделиться с вами расширением для Google Chrome, которое я недавно написал. Расширение помогает с легкостью внедрять JavaScript или CSS код в любые веб-страницы. Создавал его в первую очередь для себя, но буду рад, если кому-то пригодится. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

В сети очень много сайтов для подсчета хэшей (MD5, SHA1, SHA2) файлов, однако, все сервисы, что я смог найти, имеют один и тот же недостаток: размер файла ограничен. Также необходимо сначала загрузить файл на сервер, чтобы получить результат вычислений. Это очень неудобно. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Yahoo! на протяжении последних нескольких месяцев втихую работал над созданием новой технологии, которая, возможно, значительно повлияет на сообщество веб-разработчиков. Назывется эта технология «Cocktails». «Cocktails» является миксом HTML5, Node.JS, CSS3, JavaSript и других технологий от инженеров Yahoo!.. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Технологии развиваются, javascript приобретает все большую популярность. Он стал применяться на на серверной стороне, написано множество модулей для Node.Js. Например шаблонизаторы. Хотелось бы иметь возможность применять их и на клиентской стороне. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Хотелось ли Вам когда-нибудь спрятать от посторонних людей на своей страничке скрипт, который реализует нереально красивое появление меню или выполнение других действий, которые Вы бы не хотели видеть в скором времени на каждом втором сайте? Если да, то способ изложенный в этой статье Вам пригодится совместно с обфускацией кода. При этом оговорюсь сразу, что способ […]

Игра из «4исел»

31, Окт 2011

Есть (точнее был) такой американский сериал «Numb3rs». В русском переводе он шел под названием «4исла». Сериал о том какая на самом деле полезная наука — математика. Хорошо о нем написано в «Компьютерре». Но моя заметка не о самом сериале, а об одной из небольших логических игр в нем подсмотренных. Рекомендовать on Facebook Share on vkontakte […]

Опишу простейший способ добавления «всплывающих подсказок» на веб-страницах. Этот способ я использую для создания простой контекстной справки в веб-интерфейсах. Итак, изначальный замысел таков: на веб-странице размещается элемент (меню, гиперссылка, «кнопка» или сочетание клавиш), активируя который мы входим в режим показа контекстной справки для элемента, по которому будет выполнен следующий щелчок левой кнопкой мыши (ЛКМ). При […]

Все уже в курсе, что скоро выборы в эти ваши президенты и думу. Предвыборная компания обещает быть суровой и беспощадной. Нет, это не предвыборная агитация. Это констатация факта. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Введение Возникла необходимость написать такой модуль (работающий с mysql), который можно было бы максимально просто вставить в свой ресурс любому пользователю, располагающему собственным сайтом. Вдохновили меня счетчики посещений. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Доброго времени суток. Хочу продемонстрировать способ смены языков на стороне клиента. В качестве фреймворка выбран jQuery. К примеру, имеем следующий код: Привет Мир Некоторый текст и нам необходимо красиво подменять текст без перезагрузки страницы, используя следующий дропдаун: Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

HTML5: Web Workers и AJAX

18, Окт 2011

Все прочнее в среду разработчиков входит HTML5. Важным его достоинством является наличие такой технологии, как web workers, которая позволяет в некоторой степени обеспечить, если не мультипоточность, то ее подобие при выполнении скриптов. Суть технологии проста — в отдельные файлы выносятся функции, обеспечивающие функционирование AJAX, либо функции обрабатывающие большие массивы информации, которые во время работы уменьшают […]


2 из 3123
Наверх