jQuery UI: tabs & accordion

Меню с использованием плагинов jquery
Tabs, задание: coffee
Accordion, задание: about coffee

Effects: красивые квадратики

кое что интересное на заметку:
Плагины jQuery для работы с изображениями
Виджет Accordion в качестве меню

JQuery

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax.документация

1) ползающий квадратик
2) перетаскивание картинок (мозаика)

задание

RSS reader

RSS — семейство XML-форматов, предназначенных для описания лент новостей, анонсов статей, изменений в блогах и т. п. Информация из различных источников, представленная в формате RSS, может быть собрана, обработана и представлена пользователю в удобном для него виде специальными программами-агрегаторами.

rss reader - на javascript, к сожалению работает только с rss файлом который лежит рядом
news.rss (http://melifrya.0fees.net/rss-reader/news.rss)

rss reader (с php)
к сожалению выводит пока что новости без красивостей, сплошным текстом, требует доработки

http://pastebin.com/X8nS15PY 

http://pastebin.com/iL7HMexr 

о preg_match: раз, два

задание

HTML5

HTML5 (англ. HyperText Markup Language 5) — пятая версия одного из главных языков разметки web-страниц, HTML.
Отвлеченные размышления о HTML 5 начались в конце 2003 года. World Wide Web Consortium (W3C), организация, наблюдающая за стандартами протоколов и рекомендаций в web, высказала интерес к черновику HTML 5 разработанному Web Hypertext Application Technology Working Group (WHATWG), группой сформированной в 2004 году из представителей Apple, Mozilla Foundation и Opera Software. В результате, в 2007 году, для разработки спецификаций HTML 5, была сформирована W3C HTML Working Group.

Разработка идет и ожидается, что HTML 5 достигнет статуса W3C Candidate Recommendation в 2012 году, хотя большинство современных браузеров уже сейчас имеют частичную поддержку спецификаций HTML 5.

HTML 5: пять наиболее интересных вещей
тег video - от А до Я 
HTML5: эволюция, а не революция
Dynamic Content

Задание:
тег video: пример вставки (странно работает), пример2
с эффектами: пример
как реализовать: в сафари, еще что то, красота

задание (просто вставка видео)
задание по искажению и эффектам

создание клиентского теста, javascript

тест, храним данные в текстовом файле в виде многомерного массива (JSON);

тест, храним данные в файле xml;
про xml: http://www.script-coding.info/XMLDOM.html

JQuery: тест xml
JQuery тест с вопросом на перетаскивание
про метод JQuery .ajax


JQury тест с таймером

ссылка на задание, пояснение.

Вставка видеоролика

видео в страничке
google-site страничка




ссылка на задание