О, этот пост для совсем новичков. Я расскажу что такое jQuery и с чем его едят. Покажу пару полезных ресурсов и хитростей.

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

Вот сейчас мне стало лень и я освоил написание пользовательских скриптов для Greasemonkey.

В процессе оптимизации каждый веб-разработчик приходит к необходимости сжимать CSS и JavaScript. Обычно это делается путем незначительных изменений в коде + удаления пробелов и отступов. Читаемость кода от этого сильно страдает, но не функциональность. Пользователь выигрывает в трафике, вебмастер — в скорости загрузки.

Также часто возникает задача наоборот — развернуть сжатый JavaScript в читаемое состояние, чтобы внести правки (если оригинал потерялся) или прочитать код конкурентов:)

Вам никогда не хотелось чтобы ваш CSS умел выполнять условия if как язык программирования? Наверняка хотелось. Ну например: "если это IE6 — отображать бордеры, а если более продвинутый браузер — не отображать, но скруглять углы". Для выполнения условий в CSS без всяких сложностей и создана JavaScript библиотека Modernizr.

Сейчас интерактивными галереями никого не удивишь. Их развелось большое количество с разным функционалом (часто похожим). Я предпочитаю держать под рукой пару плагинов, чтобы в случае необходимости не искать нужный среди одинаковых, а просто использовать уже проверенный. К синтаксису уже привыкаешь, знаешь все особенности, да и уверен в работоспособности.

Сейчас расскажу про три плагина из разряда "выбор редакции". Один — очень простой, нужный для увеличения превьюшек при наведении. Другой — симпатичный и простой слайдер. А третий — мегафункциональный комбайн на все случаи жизни.

На форумах очень часто можно встретить вопросы вроде:

Как передать переменную в JavaScript из PHP? или Как передать данные из PHP в JavaScript?

Эти вопросы выдают новичков и сейчас я постараюсь объяснить почему. А также ответить как же все-таки это сделать.

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

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