Поиск на сайте от Google с помощью jQuery

1149

Одной из наиболее востребованных тем является создание поиска по сайту. Первый способ – создать его самостоятельно “с нуля”. То есть использовать серверный язык программирования, например PHP, и составлять поисковые запросы к базе данных сайта, показывая результаты пользователю.

Второй способ – использовать сервисы, предоставляемые поисковыми системами, индекс которых уже всё обо всех знает. Да, вы угадали. В этом уроке мы будем использовать AJAX Search API от Google для создания пользовательского поиска, с помощью которого посетители смогут искать веб-страницы, изображения, видео и даже новости на вашем сайте.

Подробнее...


Отображение аналитики сайта с помощью Google Analytics API

google_analytics

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

А возможно, на вашем сайте много авторов, которые не имеют доступа к вашему аккаунту Google Analytics (Аналитика Гугл), и вы хотите предоставить им данные, чтобы они могли видеть, как работают их страницы.

С Google Analytics API мы можем легко отобразить базовую аналитику сайта прямо на странице. Google предлагает много библиотек для экспорта данных, но вы можете использовать библиотеки, разработанные комьюнити, такие, как PHP библиотека GAPI, созданная Стигом Маннингом (Stig Manning), которую мы будем использовать.

Подробнее...

Использование Google+ для улучшения вашего UI

ui_buttons

Google представил новый дизайн многих из своих сервисов, таких как Google+. Новый вид представляет собой более гладкий, упрощённый стиль Google, который делает акцент на ваши данные, а не на интерфейс. Часть успеха дизайна составляют новые кнопки. Хороший пользовательский интерфейс — это тот интерфейс, которого не видно. В данном случае, кнопки просты, понятны и стандартны для всех приложений. Поэтому мы создали кнопки в стиле Google, которые вы можете использовать в интерфейсах ваших приложений. Здесь вы можете поучаствовать в биржа комментариев

Подробнее...

Руководство по Google Font API

Несмотря на новые веб-технологии и стартапы, ещё до недавнего времени мы испытывали недостаток в богатой и красивой веб-типографии.

Хотя у нас достаточно широкий выбор гарнитур, мы могли использовать только определённый набор правильных шрифтов, установленных и поддерживаемых большинством компьютеров — эти шрифты были известны как — Безопасные веб-шрифты (Web-safe fonts).

Подробнее...


Новые кнопки Google +1 (PSD)

Халява на сегодня представлена юным дизайнером Эллиотом Джексоном. Эллиот любезно пожертвовал свою версию новой кнопки Google +1, что очень удобно для ваших проектов.

Если вы отсутствовали последние несколько дней, то, для информации, Google наконец то обновили свои кнопки +1.

Подробнее...

Создаем иконки Google Plus с помощью CSS

Google известен своими красочными логотипами (красный, голубой, зеленый и желтый цвета в тренде (; ).

Поэтому сегодня попытаемся воссоздать несколько иконок этого замечательного сервиса с помощью CSS кода.

Подробнее...

PHP класс создания коротких ссылок от Google

google

С тех пор, как Google создал свой сервис создания коротких ссылок прошло не мало времени, и вот недавно был опубликован API для работы с этим сервисом.

Дэвид Волш потратил несколько минут на создание удобного PHP класса для работы с API. Давайте посмотрим, что у него получилось...

Подробнее...

Создаем кнопки на CSS3. Шаг 3: красивые, простые, дружелюбные Google кнопки

but

На этот шаг нас вдохновила самая посещаемая страница в Интернет — главная страница поиска Google. К области поиска и размеру текста, в Google сделали уникальный дизайн кнопок для браузеров, поддерживающих Webkit (тот же Chrome).

Эти кнопки используют все технологии, что мы описывали в предыдущих шага, за одним исключением. Они не содержат в себе изображений. В Google применили новое свойство -webkit-gradient для генерации градиента на CSS.

Подробнее...