В прошлом посте я обосновал то как можно с помощью javascript проигрывать покадровую анимацию.
На основе предыдущей статьи я написал скринсейвер по играм.
Как устроен скринсейвер:
Вначале я написал сам скринсейвер, представляющий собой небольшую программку-браузер, растянутую на весь экран.
Основная анимация скринсейвера была написана на javascript.
Вот несколько скриншотов скринсейвера:
На идею создания небольшого движка покадровой анимации меня подтолкнул гугл.
Виды покадровых картинок, которые javascript движок превращает в анимацию:
1.
|1кадр|2кадр|3кадр|4кадр|5кадр|...|
2.
|1кадр|
|2кадр|
|3кадр|
|4кадр|
|5кадр|
|...|
3.
|1кадр|2кадр|3кадр|
|4кадр|5кадр|6кадр|
|7кадр|8кадр|9кадр|
…
В итоге я написал два движка которые позволяют создавать анимацию из спрайтов.
cartoon_background.js
cartoon_image.js
Читать полностью »
Очень часто требуется динамически подключить внешний скрипт и запустить из него какую нибудь функцию.
Но вот отследить загрузку самого скрипта не всегда просто.
Я обычно избавляюсь от проблем с подключением так:
Вначале подключаю библиотеку
<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
А вот собственно и сам код:
<script type="text/javascript">
$$i({
attribute: {//устанавливаю атрибуты
'type':'text/javascript',
'src':'http://nagon.net/js/NRMSLib.js'
},
onready:function() {//действие по окончании подключения скрипта
modules.sound.start();//запускаю метод из подключенного скрипта
}
});
</script>
Иногда требуется динамически подключить не скрипт, а стиль CSS
Читать полностью »
AJAX это самая популярная web технология.
К сожалению javascript метод XMLHTTPRequest не позволяет отправлять на сервер файлы.
Конечно можно придумать изощренный способ, но он будет работать не во всех браузерах, да и будет слишком громоздким.
Я посмотрел множество возможных вариантов скрытой отправки формы с помощью различных библиотек, а так же на чистом javascript, в итоге мое внимание привлекла простенькая библиотека scriptjava library написанная на яваскрипте (ее описание я увидел на википедии).
В этой статье я хочу показать как можно отправлять любую форму на сервер через AJAX, в том числе и форму с файлами.
Читать полностью »
Конференция проходила 26-27 апреля в Варшаве, это была вторая конференция (Lea Verou о первой конференции) из серии, и судя по слухам и успешности — не последняя.
Все доклады были на английском языке, строго по 30 минут, в одном зале, с частыми, но короткими кофи-брейками. В основном были технологические доклады, но не обошлось без евангелистов и спонсорских докладов. Организация мероприятия очень понравилась, за исключением отсутствия розеток в зале и большой очереди за бейджами в первый день.
Сайт конференции, оф. хэштег #FrontTrends, так же организаторы обещали вскоре выложить видео записи презентаций (как появится информация, обязательно обновлю пост).
Читать полностью »
© Егор Летов.
Читая исходники тестов ECMA-262, случайно наткнулся на этоЧитать полностью »
Данный топик предназначен для веб-разработчиков начального и среднего уровня. Однако есть интересные моменты, которые могут заинтересовать и продвинутых девелоперов. Если вам интересно создание простого, но красивого загрузчика — добро пожаловать под хабракат.
Читать полностью »
Приглашаем веб-разработчиков, особенно с опытом создания/использования userscripts, стать бета-тестерами проекта tai.st — нового способа улучшения сайтов силами пользователей.
Джо, буквально — один из самых больших гостей, которые 25 мая съедутся в Digital October для того чтобы поделиться опытом с участниками конференции .тостер {javascript}. Джо не влазит в стандартное самолетное кресло, о чем он нам с радостью сообщил после нашего приглашения выступить в Москве.
Этот человек уже очень давно работает на мобильном рынке, сейчас занимаясь архитектурой всего портативного направления компании Bazaarvoice — крупного SaaS-агреггатора брендов и их клиентов. Джо занимается исследованием будущего (без шуток) — это называется «device-agnostic», словосочетание с трудом адекватно переводящееся на русский язык, описывает на самом деле очень интересные явления, свидетелями которых мы станем в самое ближайшее время.
Вместо тщетных попыток объяснить то, в чем я не являюсь специалистом, лучше сконцентрируемся на персоне Джо, благо, его история очень интересная и поэтому мы решили рассказать ее отдельно, не перемешивая впечатления.
Читать полностью »
Практически все, кому приходилось работать с backbone, представляют себе, что это за штука такая — Router. Конечно, в приложении можно обойтись и без него, но удобство работы с приложением сильно проиграет.
Итак, роутер определяет, какую функцию (контроллер) следует использовать, опираясь на URL в строке браузера. Или, если быть точным, на хэш. Т.е. вы могли понаставить в интерфейсе своего приложения ссылок вида:
<a href="http://myapp.com/catalog/#action1">Сделать что-то полезное</a>
или даже
<a href="http://myapp.com/catalog/#action1/42">Сделать что-то полезное с параметром</a>
и всё прекрасно работало. Пользователь, в свою очередь, мог сохранить каждую из этих ссылок, и, в последствии, перейти по ним, сразу же активировав нужную функциональность. Единственный негативный момент во всём этом великолепии — наличие символа "#" (решетка). Не то, чтобы она была плоха сама по себе, но читабельность и «красивость» (с задних рядов мне ещё кто-то про RESTful что-то подсказывает) URL она портила.
Читать полностью »