Обзор интернета - Lite Веб-мастеру Графика Игры, Спорт Программы Рецепты Время Рождество Библия
Социальные аккаунты Контакты Теги Собственники Используются Приложения



Веб-мастеру

Английский язык

Собственник: Facebook

Facebook for developers

Комментарии с сайта Facebook.
Преимущества в том, что все комментарии вместе. Так что их можно увидеть с любой страницы.

Минус - комментарий может оставить человек зарегистрированный в Facebook.

К сожалению, раздел сайта по API постоянно сильно меняется и не всегда просто найти нужное. Тем более, не все владеют английским.
Потому выкладываю код:

Код <div id='fb-root'></div>
<script src='https://connect.facebook.net/en_US/all.js#appId=APP_ID&xfbml=1'></script>
<fb:comments href='www.ph4.ru' num_posts='5' width='560'></fb:comments>

Здесь указано:

  1. www.ph4.ru - наш сайт, измените на ваш,
  2. num_posts='5' - количество выводимых постов, у нас 5,
  3. width='560' - ширина блока, меняйте под ваш дизайн.
Facebook имеет пожалуй самые большие возможности интеграции функций Facebook в ваш сайт и наоборот (создание свои приложения для Facebook).

Впечатляюще, потому что в списке

К сожалению, документация и форум на английском. Хотя, для того, чтобы использовать API надо сколько то знать веб-программирование, а такие люди обычно сколько то знают английский.

Пример:

Google APIs & Developer Product

https://developers.google.com/products

Английский язык

Собственник: Google

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

Google API довольно популярны, к примеру, API Google Карт воспользовались более 350.000 сайтов. Открываем таблицу, берем url и вставляем в код (в коде можно изменить высоту, ширину:

Русский язык

Собственник: Рамблер

Рамблер/лайки

Конструктор кнопок соцсетей для сайта.

Как это работает

  1. Визуально подбираем требуемые кнопки из предлагаемого списка (тут только самые основные),
  2. затем визуально подгоняем стиль:
    • задаем размер кнопки,
    • задаем размер значка внутри кнопки,
    • оставляем кнопкам оригинальные цвета или задаем свой единый для всех,
    • закругляем углы - можно оставить квадратными или закруглить до круга.
  3. берем код.

Devport

http://devport.co

Английский язык

Создайте ваше портфолио разработчика.

logo Disqus

https://disqus.com

Английский язык

адрес: 301 Howard St. San Francisco, CA 94105, USA

Disqus

Обсуждения на сайте.
Тут преимущество в том, что комментарий может оставить человек, не зарегистрированный в соцсетях.
Код встраивается в Blogger, Thumblr, Drupal, WordPress ... или на самописный сайт.

Тут все серьезнее, есть панель управления комментариями, тонкая настройка.

Достаточно сказать, что этот сервис используют газеты, телеканалы, напр. ТБН, CNN, Daily Telegraph и IGN.

Русский язык

Куроводство

Борьба с безграмотностью в интернете, вернее с ошибками, а чаще с опечатками. Посетитель сайта, заметив ошибку, производит сложнейшую операцию:

  1. Выделяет слово с ошибкой мышкой,
  2. удерживает Ctrl
  3. жмет Enter.
И информация ушла вам на email с указанием слова (или слов) с ошибкой и адресом страницы.

Установка элементарная, автор постарался. Я установил код в header.

Print Friendly and PDF





ВСЕ ТЕГИ
Связанные темы:
HTML HTML5 CSS CSS3 JavaScript





Подать статью
Рассылка
О нас

Почта

Графика

Шрифты
Логотипы
Брендбуки
Пиктограммы
Геральдика

Популярное

Уровень сайта
Регистрация сайта
Как сделать сайт
1 место на Google
Переводчики Онлайн
Пароль

Топ интернета

Ph4 в социальный сетях, рассылки и контакт

©2005-2019, Веб-студия Ph4 - Каталог интернета пользователю, веб-мастеру и дизайнеру v. 5.3