Lecaw

Учимся создавать Web-сайты

jQuery

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

Tumblr - служба блоггинга с изящным интерфейсом для создания и публикации контента. В этом учебном руководстве мы будем использовать его в качестве основы системы публикации новостей. Мы разработаем простой виджет ленты новостей Tumblr и представим их в виде текстовых сообщений для Ваших пользователей. Добавление новостей будет происходить за счет создания новых сообщений в блоге Tumblr.

Сегодняшняя статья может показаться короткой, но она описывает некоторые интересные функции webkit браузеров, в частности – эффекты изображений при помощи маски. Я хочу предупредить – эти примеры будут только работать в webkit браузерах (Chrome и Safari). Идея изучить маски прибыла ко мне, когда я увидел логотип браузера Chrome на сайте Google. Мне понравился этот эффект и я задался вопросом, как он работает. Ну, а что такое маска? В основном это - изображение (или градиент), где прозрачная часть сделает Ваш элемент невидимым, непрозрачная сделает Ваш элемент видимым. Эти маски подобны как в Photoshop.

Сегодня мы закончим наш Pinterest проект. В нашем пятом уроке я подготовил следующие функции: repin и поиск. Как Вы знаете, “like” это своего рода система оценки. В нашем проекте – любой зарегистрированный участник может оценить любую фотографию один раз в час. Если Вам понравилась фотография и Вы хотите добавить ее к Вашему профилю – можете нажать кнопку “repin”. Что касается поиска – все просто: мы давно подготовили панель поиска, но она не работала. Сегодня я добавил эту функцию.

Пришло время опубликовать наш четвертый урок, где мы создаем наш собственный Pinterest проект. На данный момент я добавил ajax систему комментариев и несколько страниц в профиле. Теперь мы можем оставлять комментарии (это доступно для зарегистрированных пользователей), непосредственно на наших миниатюрах или на увеличенных версиях изображений.

Сегодня я хочу рассказать вам, как создать простое и веселое круговое слайд-шоу. Идея состоит в том, чтобы зеркально отразить плоскость в определенной точке, в зависимости от места в которое мы нажимаем. Есть три различных области для каждой стороны круга: верхняя, средняя и нижняя часть. Например, при щелчке по верхней правой части изображения, круг повернется в соответствующую сторону, как будто мы надавливаем на ту часть чтобы увидеть следующее изображение, которое находится на задней стороне круга.

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

Страница 3 из 10