В начале ноября корпорация Google представила миру корпоративные страницы, которые позволили брендам и компаниям легальной войти в социальную сеть. Не прошла мимо и «Алтима» — наша корпоративная страница была открыта на следущий день после заявления Google. За месяц использования сети мы сделали несколько наблюдений об особенностях новой платформы, которыми и хотели бы поделиться.

1. Как получить доступ к уже созданной странице

Создавать корпоративные страницы может любой пользователь Google+. Сразу же после того, как вы создали корпоративную страницу, вы получаете доступ к ней через ваш профиль. Справа от вашего аватара, под вашим именем расположено небольшое выпадающее меню, которое содержит все ваши страницы. Кликайте по нужной и выступайте от имени бренда!

2. Как добавить людей в круги вашей корпоративной страницы

Особенность корпоративных профилей Google+ — невозможность добавить в круги страницы никакого пользователя, до тех пор пока этот пользователь не добавит страницу первым. Увидеть уже добавивших очень просто — открывайте вкладку «Circles» и кликайте по ссылке «People who’ve added you».

3. Как узнать URL вашей корпоративной страницы Google+

Google выдает уникальный номер страницы при ее создании, и состоит он из множества цифр, без какого-либо осознанного значения. Разумеется, вспомнить их потом совершенно невозможно, но если все таки нужно дать адрес свой страницы кому-то еще, то воспользуйтесь ссылкой «Get started», которая расположена под именем пользователя на вашей корпоративной странице. Вы попадете на удобную админскую страницу, где в числе прочего есть и блок «Tell the world» в котором и находится желаемый URL.

4. Как убрать ненужные разделы

Страницы Google+ имеют множество функциональных элементов, которые могут оказаться просто ненужными вам. Например, если ваша корпоративная страница не будет содержать видео или фотографий — просто уберите соответствующие вкладки. Сделать это можно в Профиле вашей страницы, нажав на кнопку «Edit Profile» в правом верхнем углу и затем перейдя во вкладки «Photos» или «Videos».

И уже тут вы можете выбрать отображать ли их, или скрыть.

5. Как связать ваш корпоративный сайт со страницей Google+

Google предлагает очень простые в настройке кнопки G+ и код, которые помогут связать вашу корпоративную страницу и корпоративный профиль в социальной сети. Эти кнопки привлекут внимание посетителей вашего сайта к новой вашей социальной площадке, но будут также и означать, что вы связали страницу и профиль G+ через Google Direct Connect.

Чтобы найти коды и кнопки, обратитесь к ссылке «Get Started», расположенной под названием вашей компании и картинкой пользователя на главной странице.

6. Как запретить другим пользователям делиться вашими постами

Если вы не желаете, чтобы пользователи размещали ваш пост у себя на стене, воспользуйтесь опцией «Lock this post», которая доступна при создании новой записи, через небольшую стрелочку под четырьмя маленькими иконками внизу. Разумеется, активация этой опции не спасет вашу запись от простого копирования в буфер обмена, но, по крайней мере, другие пользователи не смогут делиться вашими записями в своих профилях, если вам это зачем-то нужно.

7. Как спрятать счетчик ваших последователей

Возможно, вам захочется спрятать счетчик ваших последователей до тех пор, пока там не появится хоть сколь-нибудь внушительное число. Сделать это просто — перейдите в профиль вашей корпортаивной странички и выберите пункт «Change who is visible here», который находится сразу же под списком добавивших вас пользователей. Теперь вы сможете выбрать показывать ли эту информацию, или оставить ее при себе.

8. Как добавить ссылки на страницу «About»

В добавлении ссылок в профиль Google+ предоставляет вам полную свободу. Чтобы поделиться ссылкой, нажмите на кнопку «Edit Profile», окгда вы находитесь на странице «About», а затем нажмите на ссылку «Recommended Links».

9. Как использовать круги

Не стесняйтесь использовать функционал, предоставляемый «кругами» в Google+. Группируя ваших последователей по их расположению, интересам, отношению к вашей компании или по каким-то еще значимым для вас характеристикам, вы можете распространять для каждой группы максимально интересную информацию. Чем больше людей сможет получать на вашей странице интересую им информацию — тем болше будет последователей у вашего бренда.

Чтобы создать новые круги, воспользуйтесь кнопкой «Circles».

10. Как использовать фотографии профиля

Возможность отображать фотографии сверху вашего профиля — это действительно великолепная возможность, предлагаемая Google+.

Фотографии,которые отображаются в этом месте находятся в специальном альбоме «Scrapbook photos», и именно первые 5 фотографий из него попадают на главную страницу вашего профиля.

Максимально используйте предлагаемую возможность. Постарайтесь привлечь внимание посетителей или покажите сразу самое важное, что вы хотели бы продемонстрировать. Проявите немного юмора, как Google Chrome или расположите самые выгодные стороны своей работы, как «Алтима«.

Как известно, среди всех запросов, которые пользователи задают поисковику, значительная часть относится к местной специфике. Пользователи хотят знать не просто «адрес пиццерии», а адрес пиццерии именно в своем городе. Разумеется, поисковики не могут давать по всем запросам одинаковый ответ, и стараются для подобных запросов подбирать местную, региональную информацию.

Наибольшее внимание геозависимому поиску традиционно уделяет поисковая система Яндекс, где такой региональный поиск работает во всех крупных городах России, для 25 регионов Украины, для регионов Казахстана и Белоруссии.

Как работает такой поиск? Прежде всего, регион пользователя определяется по его ip-адресу. Кроме того, Яндекс постоянно уточняет классификатор региона пользователя, получая данные от своих сервисов (например, Яндекс.Погоды) или напрямую от самих пользователей – любой может поменять свой регион в настройках.

В результате, определив геозависимый запрос, Яндекс предоставляет для каждого региона различные результаты поиска — при этом наиболее релевантные ответы, как правило, находятся на местных же сайтах. Как же Яндекс находит их? Принадлежность сайта к тому или иному региону поисковик определяет по многим признакам – это и указанные на нем адреса, и ip-адрес, и анализ контента сайта.

Отключить региональные результаты поиска по геозависимому запросу очень просто — нужно только нажать на ссылку «Поискать без учета региона» под результатами поиска.

Но как посмотреть результаты поисковой выдачи для другого региона? Ответ заключается в самом URL поискового запроса, он закодирован в параметре lr. Например, http://yandex.ru/yandsearch?text=web+студия&lr=143 даст запрос «web студия» в регионе Киев («Алтима» на 4 месте!).

Вот значения некоторых lr:

213 — Москва
2 — Санкт-Петербург
90 — Сан-Франциско
200 — Лос-Анджелес
202 — Нью-Йорк
211 — Австралия
157 — Минск

И значения параметра lr для геозависмого поиска по Украине:

977 — Крым
11470 — Ялта
11464 — Керчь
143 — Киев
10369 — Белая Церковь
21609 — Кременчуг
964 — Полтава
10363 — Черкассы
963 — Винница
20221 — Кировоград
10343 — Житомир
147 — Харьков
142 — Донецк
20554 — Краматорск
10366 — Мариуполь
24876 — Макеевка
141 — Днепропетровск
10347 — Кривой Рог
222 — Луганск
960 — Запорожье
10367 — Мелитополь
145 — Одесса
148 — Николаев
962 — Херсон
144 — Львов
961 — Хмельницкий
10357 — Тернополь
10355 — Ровно
10365 — Черновцы
20222 — Луцк
10358 — Ужгород
10345 — Ивано-Франковск
965 — Сумы
966 — Чернигов

Полный список, кстати, всегда можно посмотреть на сайте Яндекса вот здесь.

Идея проста и, в то же время, очень эффектна. Если вкратце, то Page Layers — это приложение для Mac OS X, которое конвертирует сайт в файл PSD, при этом каждый видимый элемент страницы станет отдельным слоем в готовом PSD файле. Благодаря такому бесценному инструменту украсть дизайн станет еще проще

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

Недостатки у приложения тоже есть. И самый главный из них — приложение пока что не умеет распознавать текст на странице как текстовый слой. Ну и ограниченность платформ наверняка опечалит пользователей Windows и Linux.

Стоимость приложения, кстати, 11,99 долларов.

Создатели этого проекта видят его миссию в популяризации визуального языка во всем мире. Цель Noun Project — собрать и систематизировать все символы городской визуальной культуры в одну он-лайн библиотеку. Создатели проекта подчеркивают, что визуальный язык прекрасно понимается всеми людьми и всеми культурами в мире, и это действительно чудесная вещь.

Разумеется, все символы, размещенные на этом сайте, могут абсолютно свободно скачиваться пользователями (причем в векторной форме) и использоваться в любом дизайне — от сайтов до архитектурных проектов.

The Noun Project

В последнее время бывает сложно уследить за всеми новинками от Google. специально для любопытных Google запустил сервис Google New, где в одном месте аккуратно собраны все новости из жизни поискового гиганта — в том числе и новости про Google Docs, Google AdWords и обо всех остальных сервисах Google.

Компания Behance Network, на сайте которой, де-факто, хранятся мультимедийные портфолио многих, если не всех дизайнеров в мире, представила плагин, который позволяет интегрировать это портфолио в свой профиль на LinkedIn.

Если у вас нет портфолио в Behance Network, просто зарегистрируйтесь там и создайте его, чтобы затем просто синхронизировать его с вашим профилем LinkedIn. А если вы уже участник Behance Network — то остается просто установить приложение Creative Portfolio Display в вашем LinkedIn-профиле.

Именно для таких целей существует полезный сайт Placehold.it — просто подставляете нужные размеры изображения (а по желанию — еще и цвета) в его url и получаете нужную заглушку.

Вот, например, как это получилось у нас:

Godzilla — это полезный сервис для владельцев iPhone, которые размещают свои фотографии на Flickr и используют приложение Tweetie/Twitter.app. Он позволяет вам избавиться от сервисов фото-посредников (вроде twitpic или yfrog) для отображения ваших фотографий в твитах. Теперь, отправляя сообщение через Tweetie 2, Godzilla сама закачает ваше изображение на ваш Flickr-аккаунт — простой способ хранить все фотографии в одном и том же месте

Итак, начнем!

С каждым днём веб-интерфейсы становятся всё более похожими на традиционные десктоп приложения. И главная задача — это, естественно, достижение большего уровня интерактивности и удобства для пользователя. Добиться всего этого можно используя такой старый добрый скриптовый язык, как Javascript. Который благодаря технологии AJAX обрёл практически безграничные возможности. Но не будем обобщать, а поговорим о самом популярном фреймворке jQuery. Именно на его основе хочется показать (интересных примеров очень много) красоту и возможности современной разработки веб-интерфейсов. Вдохновляйтесь и берите на вооружение!

Меню и навигация

Красивые реализации меню, анимация.

• Lava Lamp
• jQuery UI Tabs
• Navigation Effect
• jQuery Menu: Dropdown
• iconDock

Работа с контентом

Закладки, «аккордионы», слайдеры…

• Slick Tabbed Content
• Incredible Login Form
• Horizontal Accordion
• Agile Carousel

Фотогаллереи, слайдшоу, работа с картинками

• JQZoom
• GALLERIA
• Slider Gallery
• jQuery Thumbs
• jQuery Cycle
• ThickBox

Всплывающие подсказки и диалоговые окна

• Coda Bubble
• qTip
• jQuery Impromptu
• jGrowl

Работа с формами, проверка введенных данных/валидация.

Применение Ajax позволяет проверять корректность введенных данных, незанятость логина при регистрации, и даже проводить авторизацию без перезагрузки страницы. При вводе информации пользователю могут выдаваться удобные контекстные подсказки.

• jQuery Validation Plugin
• Ajax Username Check
• Masked Input Plugin
• Autocomplete
• Jeditable

Расширенная функуциональность форм, украшательства

Позволяет выводить удобные палитры для выбора цвета, календари для выбора даты, стилизировать загрузку файлов и т.д.

• Farbtastic
• File Style
• jNice
• jQuery date picker

Это лишь малая часть всего того, что можно реализовать с помощью jQuery. Ведь ещё есть работа с таблицами данными и графиками, создание контекстных меню, WYSIWYG-редакторы, всевозможные анимации, древовидные меню и прочие фишки…

Ссылки для дополнительной информации:

• 45+ Fresh Out of the oven jQuery Plugins
• 37 More Shocking jQuery Plugins
• 75 (Really) Useful JavaScript Techniques
• The ultimate jQuery Plugin List
• 45+ New jQuery Techniques For Good User Experience

Плагин поселяется в нижней части экрана и позволяет одним нажатием кнопки сделать скриншот страницы или области экрана и:

- выложить его на сервер, чтобы потом можно было дать кому-то ссылку на этот скриншот (необходима отдельная регистрация, но она делается один раз)

- открыть скриншот во встроенном редакторе, в котором можно слелать пометки в скриноте, например «показать пальцем» — «вот тут у тебя поплыла верстка»

- открыть скриншот во внешней программе

- отправить скриншот на мыло

И еще несколько функций.  Интерфейс выглядит примерно так:

У системы есть платная и бесплатная версий, но в общем и возможностей бесплатной версии достаточно для большинства случаев.

Установить плагин для Firefox можно по этой ссылке