Что будем делать ?
Попробуем сравнить разницу в производительности Switch и If-else.
Зачем?
Безумно интересно.
Как? читать дальше »

Напомню, что в html5 есть тег canvas, позволяющий отображать графику в браузере без подключения каких-либо дополнительных плагинов и управляемый через JavaScript API. Недавно я, в очередной раз наткнувшись на него, решил посмотреть, что же это за зверь и как его готовить. В этом посте хочу поделиться собранной информацией и опытом. читать дальше »

Добрый день. Все мы знаем, что Firefox и Opera поддерживает APNG формат. Но Webkit не желает их отображать. Но недавно я нашел один секрет Webkit под кодовым названием "RGBA GIF". Все мы знаем, что у GIF всего 256 цветов. Но суть в том, чтобы RGBA разделить по индексам GIF, а цвета индексов приравнять к самим индексам т.е. [r,g,b] = [i,i,i] . читать дальше »

Ротатор rotator картинок на javascript.
Я не раз встречал сайты с картинками, при наведении курсора на которые, картинка превращалась в анимацию.

Для чего это нужно?
В первую очередь для того чтобы сайт быстрее загружался.
Ведь намного проще вначале показать пользователю первый кадр из покадровой анимации

|1кадр| читать дальше »

Добавлять события к элементам - излюбленное занятие веб разработчиков.
Какие карявые коды обычно пишут умельцы?

Самый простой пример карявого добавления обработчика события элементу:

<div id="baran">кликни по мне</div>

<script type="text/javascript">
document.getElementById('baran').onclick=function () {
	alert('у вас получилось кликнуть');
}
</script>

В интернете есть множество готовых кривых скриптов на javascript для работы с кукисами.
То ли дело в PHP назначать и удалять кукисы - одно наслаждение.
Так например в книге
JavaScript: Подробное руководство
можно созерцать довольно унылое описание того как можно работать с кукисами. читать дальше »

Прежде чем начать создавать элементы, перед тегом head подключим scriptjava фреймворк

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>

Теперь можно приступить к созданию элементов, для этого пишем вот такой код:

<script type="text/javascript">
//создаю элемент
var new_div = $$i({
  create:'div',
  attribute: {
...

Иногда требуется динамически подключать скрипты в нужный момент после загрузки сайта.
Такие сайты как Яндекс, Гугл, Мэил ру и другие используют это постоянно.

Какие проблемы могут возникнуть если динамически подключить javascript с помощью вот такого кода?

<script type="text/javascript">
javascript:var s = document.createElement('script');s.type='text/javascript';
...

Скринсейвер написан на javascript
а так же с использованием движка описанного в теме
Спрайты на javascript
скриншоты скринсервера с описанием

окно загрузки скринсервера

анимированная заставка читать дальше »

Работа с Ajax, отправка post, get, head запросов на сервер.

Прежде чем работать с аяксом поместите на сайте вот такой код:

<div id="result">Тут будет ответ от сервера</div><br /><br />
<div onclick="SendGet();">Отправить GET запрос через Ajax</div><br />
<div onclick="SendPost();">Отправить POST запрос через Ajax</div><br />
<div onclick="SendHead();">Отправить HEAD запрос через Ajax</div>
...