1. Устанавливаем MacPorts.
2. Устанавливаем Apache.
   Вводим в терминале:
   sudo port install apache2
   Пароль, который спросят — ваш маковский пароль
   Первоначально я хотел поставить апач 1.3, но связать его с php5 с ходу не получилось, поэтому поставил второй.
   Запускаем:
   sudo /opt/local/apache2/bin/apachectl start
   Проверка: смотрим в браузере localhost
3. Устанавливаем PHP с поддержкой MySQL:
   sudo port install php5 +mysql5
   sudo cp /opt/local/etc/php.ini-dist /opt/local/etc/php.ini
4. Добавляем модуль PHP в Apache
   sudo /opt/local/apache2/bin/apxs -a -e -n «php5» /opt/local/apache2/modules/libphp5.so
   Вставляем содержание /apache2/conf/extras-conf/mod_php.conf в /apache2/conf/httpd.conf ручками или инклудом в том же httpd.conf.
   Добавляем index.php в индексные файлы.
   Перезапускаем апач:
   sudo /opt/local/apache2/bin/apachectl restart
   Проверка: создаём test.php в /opt/local/apache2/htdocs/ с содержанием <?php phpinfo() ?> и проверяем его по адресу localhost/test.php
5. Устанавливаем MySQL:
   sudo port install mysql5 +server
   Даём права пользователю mysql на /opt/local/var/db/ и вложения в неё. Я делал через Finder, наверное можно и через терминал.
   Устанавливаем БД:
   sudo /opt/local/bin/mysql_install_db5 -user root
   Запусаем демона:
   sudo /opt/local/libexec/mysqld -u root
6. Устанавливаем phpmyadmin:
   sudo port install phpmyadmin
   Заходим на localhost/pma/setup/index.php
   Устанавливаем новый сервер localhost без пароля
   Заходим в phpmyadmin под root
   

HTML разметка

<section id="home" data-type="background" data-speed="10" class="pages">
         <article>Простая техника Parallax Scrolling</article>
</section>
<section id="about" data-type="background" data-speed="10" class="pages">
         <article>Простая техника Parallax Scrolling</article>
</section>

Введение

Содержание

1. Загружайте фреймворк с Google Code
2. Используйте «шпаргалку» (cheat sheet)
3. Соединяйте все ваши скрипты и уменьшайте размер файла
4. Используйте возможности Firebug для ведения логов
5. Минимизируйте операции выборки в пользу кэширования
6. Сводите манипуляции с DOM-деревом к минимуму
7. Оборачивайте все в единый элемент, когда речь идет о любой вставке в DOM
8. Используйте «id» вместо классов, где это возможно
9. Задайте контекст своим селекторам
10. Используйте последовательности вызовов методов с умом
11. Научитесь правильно использовать анимацию
12. Научитесь назначать и делегировать события
13. Используйте классы для сохранения состояния
14. Еще лучше — используйте встроенный в jQuery метод data() для сохранения состояния
15. Пишите собственные селекторы
16. Подготавливайте HTML и модифицируйте его, когда страница загружена
17. Используйте «отложенную загрузку» (lazy loading) для определенного контента для выигрыша в общей скорости и преимуществ для SEO
18. Используйте служебные функции jQuery
19. Используйте «noconflict» для переименования глобального объекта «jquery», когда используете его с другими фреймворками
20. Как узнать что картинки загружены?
21. Всегда используйте последнюю версию
22. Как проверить, что элемент существует?
23. Добавляйте класс «JS» в элемент «html»
24. Возвращайте «false» для отмены поведения по-умолчанию
25. Короткая запись для события готовности документа

tFormer.js — empower your HTML forms

Предисловие:

Проблема:

Задача:

Решение: