Сегодня хочу рассказать как сделать эффектную самопрокручивающуюся ленту изображений. Она выглядит как баннеры с автосменой. Может, вы захотите разместить таким образом ссылки на спецпредложения в магазине или ссылки на последние посты? Как бы то ни было, я научу как это делать. Это очень легко.

Сегодня я расскажу как сделать редактируемые зоны сайта, которые можно изменять не прибегая к помощи визуальных редакторов и редакторов кода.

Задача - сделать максимально интуитивный интерфейс для редактирования. Я буду показывать на примере таблицы, но эту технику можно приспособить (изменив пару строк) для любых блочных элементов, вплоть до body (хотя тут смысла уже мало).

Вместе с Ajax в интернет ворвалась асинхронность. Веб-мастреа посходили с ума и начали делать асинхронным все, что только можно. Так появились разные модификации Ajax, например Ajaj(JSON), Ajah(html). Но иногда требуется асинхронно подключить к странице новый файл JavaScript.

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

Можно, конечно, подгружать JS традиционным аяксом и полученный текст "оживлять" eval-ом, но это долго (из-за последнего) и некрасиво. Я предлагаю более простой, но не менее эффективный метод.

Гистограмма (от греч. histos, здесь — столб и ...грамма), столбчатая диаграмма, один из видов графического изображения статистического распределения каких-либо величин по количественному признаку. ("Большая советская энциклопедия").

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

И написал :)

На новогодних праздниках, многие сайты слегка меняли свои дизайны. Приделывали шапочки, красные носочки, снежинки, мышек и прочую новогоднюю атрибутику. Делали они это, чаще всего, вручную.

Алексей Ильин написал заметку, где предлагал дописывать в body класс с текущей датой. Можете подробней ознакомиться с этой статьей, а я пока расскажу, почему мне не понравился этот подход.

Во-первых, он предполагает возню с php-скриптами. Не так легко найти в стороннем скрипте место, где нужно что-то как-то изменить. Особенно, если ты в программировании ноль. Кроме того, это решение подразумевает, что каждый день будет генерироваться название класса, а сам класс, скорее всего, не будет определен, что не кошерно.

В этой заметке я расскажу сразу о двух способах решения задачки автоматической смены стилей без использования серверных сценариев. То есть, с помощью JavaScript.

AlexSol высказал интересную идею, относительно улучшения аяксовой навигации. Идея замечательная. Но ее можно доработать. Как? Обратите внимание на пример, который он приводит.

При нажатии на одну ссылку, догружается один контент. При нажатии на вторую — другой. Но если снова нажать на первую, снова будет подгружаться первый контент с сервера! Разумнее было бы кэшировать эти данные в браузере и не посылать лишний раз гонца запрос серверу. Хорошо бы прибегнуть к кэшированию.

Как сделать кэширование в JavaScript? Об этом данная статья.