вторник, 31 января 2012 г.

Неизвестное об известном: Вебвизор - новый сервис Яндекс.Метрики

Решил я тут поставить на блог счетчик от Яндекс. Нашел, где находятся эти счетчики, выбрал нужный,смотрю, там есть чекер(ну, где галочки ставят) "Вебвизор".
Естественно, я поставил галочку,что хочу, чтоб он у меня был, а дальше стал разбираться с чем его едят:)

Сервис-то, оказывается, работает с 16 декабря 2011 года, а я ни сном, ни духом:(

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

Вебвизор отслеживает клики посетителя, перемещения курсора(шлейф за ним рисуется), прокрутку страниц, действия на клавиатуре, или наоборот бездействие посетителя(т.е. он читает текст или смотрит видео с нашей страницы), выделение текста мышью, а также уход посетителя на другое окно/вкладку.

И, кстати, уход посетителя на другое окно/вкладку позволяет нам понять, а что, собственно делал посетитель, который провел на Вашем сайте сколько-то часов. Посмотрев запись его визита мы можем тут же понять, а было ли это время потрачено на просмотр нашего сайта или просто посетитель ушел на какую-тодругую вкладку/окно, а нашу страницу просто оставил открытой.

В общем, полезная штука этот Вебвизор, советую.

понедельник, 30 января 2012 г.

Малоизвестные, но необходимые программы для вебмастера.Часть 2

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

Как всегда, когда я пишу о каких-то программах, выкладываю архив с ними на Народ.ру(размер архива чуть больше 3Мб). Ссылку я в конце приведу.

Pixie
По картинке можете не кликать - это ее исходный размер:)

При своем крохотном размере - это просто незаменимая программа. Предназначена она для определения кода цвета под курсором, т.е Вы помещаете курсор мыши на какое-то место на экране (расположение курсора видно в первой строчке), а взамен получаете коды цвета в HEX, HTML, RGB - форматах.

Есть еще CMYK, HSV - форматы, только они мне не нужны(может быть,пока?)

Программа портабельна и бесплатна.
Сайт программы: http://www.nattyware.com/pixie.php

ColorSchemer Studio

Картинка кликабельна

ColorSchemer Studio — профессиональная программа для создания цветовой палитры. Если в нескольких словах, то ColorSchemer Studio помогает создавать гармонию цветов веб сайтов(а можно и для печати). С помощью нее можно делать цветовые палитры(из фотографий, например). Можно смешивать цвета, создавать различные градиенты и многое-многое другое.

Основной инструмент - это цветовое колесо. Мы выбираем цвет, а программа уже показывает,
какие еще цвета наиболее подходят для этого цвета(т.е. сопутствующие цвета). Ох, и неважно, чувствую, объяснил:(

Есть и другие полезные инструменты, сами, если захотите попробуете:) Мне, например, еще нравится "Мастер Импорта и Экспорта цветовых схем" - это чтобы обмениваться с друзьями.

К сожалению, программа не бесплатна, бесплатна только Trial версия. Ее для ознакомления Вы можете скачать на сайте разработчиков: http://www.colorschemer.com/


При желании Вы можете скачать все программы единым архивом по адресу:
http://narod.ru/disk/39127802001/Color.zip.html

Возможно Вам также будет интересно:


воскресенье, 29 января 2012 г.

Малоизвестные, но очень нужные программы для веб-мастера. Часть 1

Поскольку я вчера ничего не писал(да все с оформление блога мучаюсь), возникло желание хоть как-то исправить положение. Ну, и решил: а поделюсь-ка я с Вами некоторыми своими инструментами.

Я вообще-то даю ссылки на местонахождение той или иной программы(ну, если это возможно), но для желающих скачать их одним архивом выложил их на Народ.ру(размер архива где-то порядка 790 кБ). Ссылку в конце приведу.


Итак, начну.

DiffRes Web Page Preview Tool

Картинка кликабельна

Эта программа предназначена для предварительного просмотра веб - страниц при разных размерах экрана. Программа портабельна(держите ее хоть на флешке) и, что приятно, бесплатна. Сайт программы: http://wonderwebware.com

Page Speed Tester

Картинка кликабельна

Программа предназначена для определения средней скорости загрузки веб-страницы. Я давал уже ссылку на Сервис определения скорости загрузки сайта, а здесь - это просто отдельная портабельная бесплатная программа.

В принципе она служит для начального тестирования сайтов на локальном или удаленном сервере(ну, или на Вашем компьютере). Количество загрузок целевой страницы можно задать(по умолчанию - 3)

Важное замечание: программа загружает только код для главной страницы, но без дополнительных файлов, таких, как изображения, CSS и JS скрипты.

Конечно, результаты обработки относительны, но для начального тестирования вполне подходит. Сайт программы: http://wonderwebware.com

Третья программа, которую я хочу Вам представить, называется Free Screen Ruler

Картинка кликабельна

В процессе разработки постоянно возникает необходимость измерить расстояние между двумя точками на экране компьютера или узнать точное расположение и размер элементов на веб-странице(например,  размер баннера). Для этого и предназначена программа Screen Ruler(линейка).

Программа может измерять расстояние в пикселях или миллиметрах, может располагаться поверх всех других окон, настраиваются вертикальные и горизонтальные тикеры. Она также запоминает свое последнее положение, управляется как мышью, так и клавиатурой.

Все управление программой осуществляется по клику правой кнопкой мыши. Программа портабельна и бесплатна.

Возможно Вам также будет интересно:
Webwait - сервис определения скорости загрузки сайта
Малоизвестные, но необходимые программы для вебмастера.Часть 2

пятница, 27 января 2012 г.

Все обучающие курсы Евгения Попова

Выкладываю описание курсов Евгения Попова. Делаю я это по двум причинам.

Во-первых, я являюсь его партнером (Вы тоже можете стать партнером Евгения
Попова, если зарегистрируетесь по этой ссылке: http://bit.ly/xXPfHk) 

Во-вторых, мне все-таки нужно вставить ссылку в кнопку "помощь":)

Итак, начнем.
Есть общая ссылка на страницу каталога курсов: http://bit.ly/yGQn2P
Перечислю эти курсы и для платных курсов дам их содержание и ссылки на них.

Бесплатные курсы:

Курс по CSS(45 видеоуроков): http://bit.ly/wvR7CJ
Курс "ДОМЕН и ХОСТИНГ"(10 уроков): http://bit.ly/wFGrso
Курс по HTML(33 видеоурока): http://bit.ly/sBimqY

Платные курсы:

Курс "Аудио и Видео" - http://bit.ly/AnNaLP

Список уроков, которые вошли в этот курс:

01. Выбор видеоредактора 
02. Панель инструментов 
03. Вступительная часть для видео 
04. Видео внутри видео 
05. Эффекты 
06. Работа с текстом 
07. Слайдшоу
08. Продюсируем видео для сайта 
09. Остальные возможности
10. Настройки 
11. Выбор аудиоредактора 
12. Подкаст с фоновой музыкой 
13. Остальные возможности Audacity 
14. Конвертируем видео

Курс "CAMTASIA STUDIO" - http://bit.ly/A27Y29

Список уроков, которые вошли в этот курс:

01. Первая видеозапись 
02. Редактирование отснятого видео
03. Разрыв и переходы 
04. Работа с аудио 
05. Настраиваем курсор 
06. Масштабирование (Zoom-n-Pan) 
07. Подсказки (Callouts). Часть 1 
08. Подсказки (Callouts). Часть 2 
09. Вводный блок к видео (Title Clip) 
10. Библиотека (Library) 
11. Наложение ЗВУКА (Voice Narration) 
12. Слайдшоу с подписями (Captions) 
13. Запись с веб-камеры 
14. Картинка в картинке (PIP) 
15. Автоматическое продюсирование
16. Продюсирование в формат MP4 
17. Продюсирование в формат SWF 
18. Продюсирование в формат AVI 
19. Опросы (Quizzing). Часть 1 
20. Опросы (Quizzing). Часть 2 
21. Пункт меню File
22. Пункт меню Edit 
23. Подсказки с "горячими клавишами" 
24. Содержание с помощью маркеров 
25. Пункты меню View, Play, Tools 
26. Запись powerpoint-презентаций
 27. Настройки редактора 
28. Функции Camtasia Recorder 
29. Настройки Camtasia Recorder 
30. Создаем меню через MenuMaker 
31. Создаем меню через Theater 
32. Camtasia Player 
33. Размещаем урок на нашем сайте 
34. Размещаем урок на screencast.com
35. Активные подсказки (Callouts) 
36. Водяной знак (Watermark) 
37. Критические ситуации

Курс "PHOTOSHOP для онлайн-бизнесмена" - http://bit.ly/xPlE7m

Список уроков, которые вошли в этот курс:

01. Введение
02. Настройка рабочей среды
03. Новый и существуюший документ
04. Масштаб и перемещение
05. Введение в слои
06. Создание и удаление слоев
07. Палитра истории
08. Блокировка слоя
09. Операции со слоями
10. Маска слоя
11. Режимы наложения слоев
12. Введение в корректирющие слои
13. Цветовой тон/насыщенность
14. Уровни/кривые
15. Команды коррекции
16. Стили слоя
17. Обтравочная маска
18. Выделение
19. Лассо
20. Быстрое выделение
21. Цветовой диапазон
22. Быстрая маска
23. Рамка кадрирования
24. Раскройка
25. Пипетка и линейка
26. Восстанавливающая кисть
27. Штамп
28. Осветлитель, затемнитель, губка
29. Размытие и резкость
30. Кисть
31. Ластик
32. Градиент и заливка
33. Архивная кисть
34. Свободная трансформация
35. Перо
36. Работа с текстом. Часть 1
37. Работа с текстом. Часть 2
38. Векторные фигуры
39. Перевод вектора в растр
40. Размер холста
41. Фильтры
42. Экшены. Часть 1
43. Экшены. Часть 2
44. Смарт-объекты
45. Покадровая анимация
46. Анимация по временной шкале
47. Полезные мелочи. Часть 1
48. Полезные мелочи. Часть 2
49. Настройки программы
50. Закрытие теоретического раздела
51. Кнопка для сайта
52. Баннер
53. Шаблон сайта. Шаги 1-5
54. Шаги 6-8
55. Шаги 9-10
56. Шаги 11-13
57. Шаги 14-15
58. Шаги 16-17
59. Шаги 18-19
60. Шаги 20-21
61. Шаги 22-24
62. Шаги 25-26
63. Шаг 27
64. Шаги 28-29
65. Шаги 30-31
66. Шаг 32
67. Шаги 33-34
68. Шаги 35-36
69. Шаг 37
70. Рукописная гарантия
71. 3D-коробочки
72. Анимационный баннер. Часть 1
73. Анимационный баннер. Часть 2
74. Баннер с эффектом скорости
75. Мигающий баннер
76. Заключение


Курс "Электронные книги" - http://bit.ly/wwziFg

Список уроков, которые вошли в этот курс:

01. Введение
02. Подготовка основы для exe-книги
03. Компиляция EXE-книги
04. Вставка аудио и видео в EXE-книгу
05. Создание PDF-книги
06. Создание CHM-книги
07. Создание FLASH-книги


Курс "Рассылка Smartresponder" - http://bit.ly/AaeJRh

Список уроков, которые вошли в этот курс:

01. Для чего это нужно
02. Регистрация
03. Создание обычной рассылки
04. Создание серии писем
05. Свои страницы подтверждения
06. Рассылаем письмо по базе
07. Простое всплывающее окно
08. Сложное всплывающее окно
09. Рекламные кампании и roi
10. Каналы подписки
11. Файлы и html-письма
12. Доступ помощникам
13. Использование шаблонов
14. Работа с подписчиками
15. Остальные возможности
16. Настройки


Курс "Видеопродажник" - http://bit.ly/AvpxyI

Список уроков, которые вошли в этот курс:

01. Что нужно сделать в первую очередь?
02. Пишем аудиочасть презентации
03. Пишем видеочасть презентации
04. Встраиваем видео в html-страницу
05. Настраиваем плеер
06. Регистрация в сервисе Amazon S3
07. Работа с программой CloudBerry Explorer

Курс "Мини-сайт и страница подписки" - http://bit.ly/xYdtpf

Список уроков, которые вошли в этот курс:

01. Вводный
02. Создание каркаса
03. Базовые элементы
04. Отзыв
05. Кнопка
06. Последние штрихи
07. Страница приземления
08. Создание основы страницы
09. Приводим к законченному виду
10. Связываем с сервисом рассылок
11. Страницы подтверждения
12. Доработка полей


Курс "Сайт с нуля" - http://bit.ly/A8LmNr

Список уроков, которые вошли в этот курс:

01. Виды сайтов (ВАЖНО)
02. Создание каталогов и проекта
03. Создание каркаса
04. Позиционируем логотип
05. Навигация. Часть 1
06. Навигация. Часть 2
07. Навигация. Часть 3
08. Блок дартца. Часть 1
09. Блок дартца. Часть 2
10. Блок фото. Часть 1
11. Блок фото. Часть 2
12. Нижний блок. Создание основы
13. Нижний блок. Двойной каркас
14. Нижний блок. Бизнес
15. Нижний блок. Списки
16. Нижний блок. Каркас проектов
17. Нижний блок. Наполнение
18. Блок footer19. Решение проблем с IE6


Курс "CSS практика" - http://bit.ly/w13OuO

Список уроков, которые вошли в этот курс:

01. Создание нового проекта
02. Общая концепция
03. Блок Top Line
04. Блок хедера. Часть 1
05. Блок хедера. Часть 2
06. Блок людей. Часть 1
07. Блок людей. Часть 2
08. Цветной блок. Часть 1
09. Цветной блок. Часть 2
10. Цветной блок. Часть 3
11. Цветной блок. Часть 4
12. Цветной блок. Часть 5
13. Черно-белый блок. Часть 1
14. Черно-белый блок. Часть 2
15. Черно-белый блок. Часть 3
16. Черно-белый блок. Часть 4
17. Черно-белый блок. Часть 5
18. Темный блок. Часть 1
19. Темный блок. Часть 2
20. Темный блок. Часть 3
21. Темный блок. Часть 4
22. Темный блок. Часть 5
23. Серый блок. Часть 1
24. Серый блок. Часть 2
25. Серый блок. Часть 3
26. Серый блок. Часть 4
27. Футер. Часть 1
28. Футер. Часть 2
29. Футер. Часть 3
30. Решаем проблемы IE6
31. Оптимизация и валидация
32. Проект OpenMint
33. Создаем каркас
34. Навигация. Часть 1
35. Навигация. Часть 2
36. Фоновый градиент

Курс "Javascript + jQuery для начинающих видеоформате" - http://bit.ly/xMEcw5

Курс "Технические секреты продуктивной работы в онлайн бизнесе" -
http://bit.ly/zTDs0d

Курс "WordPress - профессиональный блог за один день"("109 Видеоуроков По Всем
Техническим Вопросам Создания и Ведения Своего Блога На Движке Wordpress")
http://bit.ly/wHKyqt

Курс "Joomla - профессиональный сайт за один день" - http://bit.ly/x7jFZp

Курс "PHP+MySQL для начинающих" - http://bit.ly/y0roCm

Курс "Как Создать Информационный Бестселлер на DVD или CD" - http://bit.ly/ypQ0yk

Курс "Все Технические Моменты Онлайн Бизнеса в Видеоформате"http://bit.ly/A6BoVk

Еще раз повторюсь, что Вы тоже можете стать партнером Евгения
Попова, если зарегистрируетесь по этой ссылке: http://bit.ly/xXPfHk

четверг, 26 января 2012 г.

Изменение дизайна блога

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

среда, 25 января 2012 г.

Webwait - сервис определения скорости загрузки сайта

Меня вдруг заинтересовало, а сколько же времени тратят люди чтобы войти на мой
блог? Иными словами, как долго загружается мой блог у посетителей? Поискал я и нашел сервис Webwait.



Для проверки скорости загрузки сайта, достаточно ввести его URL и кликнуть по кнопке Time It! Есть возможность многоразовой проверки — мы можем выбрать как количество проверок, так и интервал времени между ними. В результате сервис выдаст нам среднее время загрузки проверяемого сайта.

Интересно, что WebWait при проверке скорости загружает HTML, изображения, Javascript и AJAX. А потому, по утверждению разработчиков, он выдает самые точные результаты.

Адрес сервиса: http://webwait.com/


вторник, 24 января 2012 г.

Маленькая бесплатная программа с очень большими возможностями - PicPick Tools

PicPick Tols - это бесплатный инструмент, объединяющий в себе возможности
полноценного графического редактора и утилиты для захвата изображений с экрана
компьютера("все-в-одном").

Программа очень похожа на Techsmith Snagit, вот только она бесплатна, выполнена
в Portable варианте(можете ее держать, например, на флешке), очень маленькая и
обладает возможностями, которых порой нет даже у коммерческих программ.
Графический редактор чем-то похож на редактор Snagit, а чем-то - на Microsoft Paint.

При запуске программа сначала дает меню, а после его закрытия помещается
в трей. При клике по иконке в трее правой кнопкой мыши появлется вот такое меню:

Картинка кликабельна

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

Очень мне понравился графический редактор. В нем есть все, что нам обычно
нужно для работы с изображениями, перечислять не буду - либо сами посмотрите
на сайте разработчиков, либо когда скачаете себе эту программу.
Мне, например, понравилась возможность использования этого радактора во время
презентаций:)

Вид редактора(картинка кликабельна)


Да, чуть не забыл еще сказать, в настройках программы можно выбрать вид
интерфейса на русском языке, что я и сделал:)

Сайт разработчиков:  http://www.picpick.org/

Пользуйтесь на здоровье!

понедельник, 23 января 2012 г.

Обучающие курсы Азамата Ушанова

Если Вы хотите постоянно быть в курсе всех новостей от Азамата Ушанова, то Вам нужно
подписаться на его бесплатные уроки вот по этой ссылке: http://bit.ly/yb42wD

Прошу извинения, что даю короткие ссылки, но это ссылки партнерские - приходится
их немного шифровать, иначе зачем бы тогда я стал говорить про все эти курсы? :)

Пока же я перечислю уже вышедшие бесплатные и платные курсы Азамата Ушанова и
дам нужные ссылки.

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

Бесплатные обучающие курсы и видео:

Курс "Прямая дорога к деньгам в интернет"
Ссылка: http://bit.ly/zLmO4T

Курс "Экстремальное создание информационных товаров"
Ссылка: http://bit.ly/w6h6oV

Курс "Однокликовое увеличение доходности сайта"
Ссылка: http://bit.ly/zzwKDE

Видео "3 внутренних блока, мешающие делать кучу продаж"
Ссылка на видео: http://bit.ly/AhBZrV

Видео "План из 10 шагов, выполнение которого даст вам 10 тысяч новых подписчиков
с нуля за рекордно короткий срок!"
Ссылка: http://bit.ly/AFaBTH

Видеоуроки "57-минутный e-mail маркетинг"
Ссылка: http://bit.ly/A1QF0j


Платные курсы:

Курс "Леди онлайн "
Картинка кликабельна

Ссылка: http://bit.ly/yexv7n

Курс "Твоя харизма онлайн"
Картинка кликабельна

Ссылка: http://bit.ly/xJjAk9

Видеокурс "Массовые продажи".
Картинка кликабельна

Ссылка: http://bit.ly/AtKTdJ

Видео-курс "Золотой актив 2"
Картинка кликабельна

Ссылка: http://bit.ly/zWlUe8

Курс "Мастерская видео-продажников"
Картинка кликабельна

Ссылка: http://bit.ly/yZeEZN

Видеокурс "Технология Вириакс"(от Виктора Орлова (при содействии Азамата
Ушанова)
Картинка кликабельна

Ссылка: http://bit.ly/weyEJS

Курс "Бесстрашная публичная речь"
Картинка кликабельна

Ссылка: http://bit.ly/Akdg5Z

7-дневный план продажи информации с нуля в интернет
Картинка кликабельна

Ссылка: http://bit.ly/xZOokj

Ну, и напоследок дам еще раз ссылку на подписку на бесплатные уроки Азамата Ушанова:
http://bit.ly/yb42wD

По мере выхода новых курсов буду дополнять эту страницу

Попасть на нее можно будет всегда из кнопки "помощь", расположенной у меня на
блоге справа.

воскресенье, 22 января 2012 г.

Скрипт "Скрытый помощник" на Blogspot


Видите у меня на блоге справа кнопку с надписью "помощь"?


Если по ней кликнуть, то Вы увидете уже вот такую картинку:



Она у меня пока умеет только вызывать мой блог в новой вкладке, да при клике по строке "Телефоны" показывать мое расписание работы - ну, не успел я пока написать соответствущих текстов :)

При повторном клике панель убирается обратно.

Этот бесплатный скрипт разработал Евгений Попов для блогов на "Wordpress", я только приспособил его для своих нужд :)

Расскажу, как я это сделал на Blogger.

Как всегда первым делом сохраняем шаблон.
Открываем шаблон(кнопка "Изменить HTML")
Ищем в шаблоне строку ]]></b:skin>
Сразу после нее вставляем текст:

<script src="helper/jquery.min.v1.4.2.js"></script>
<style type="text/css">    
a {
    outline: none;
}
   
#help {
    display: block;
    font-size: 12px;
    position: fixed;
    right: 0;
    top: 250px;
    width: 279px;
    z-index: 5;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

#help img{
    border: 0px;
}

#help-panel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: none;
    float: right;
    width: 240px;
}

#help-panel .collapse {
    display: none;
    float: left;
    padding: 15px 10px;
    font-size: 12px;
    line-height: 15px;
}

#help-panel .collapse a {
    font-size: 11px;
    color: black;
    text-decoration: underline;
    font-size: 12px;
}

#support-header {
    background: url("helper/24-7-bg.gif") repeat-x scroll 0 0 transparent;
    height: 17px;
    padding: 2px 0 0 10px;
}

#help-panel .main {
    background: url("helper/item-bg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    height: 37px;
    width: 240px;
}

#help-panel a.title {
    background: url("helper/but-right.gif") no-repeat scroll 10px 15px 
    transparent;
    color: #444;
    display: block;
    font-weight: bold;
    padding: 12px 10px 12px 22px;
    font-size: 12px;
}

#help-panel a.title span {
    color: #666;
    display: block;
    font-weight: bold;
    font-size: 12px;
}

#help-panel a.selected {
    background: url("helper/but-down.gif") no-repeat scroll 10px 15px 
    transparent;
}

#help a {
    text-decoration: none;
}

#help-button {
    float: right;
}
    
</style>

Теперь в шаблоне ищем строку </body> и прямо перед ней вставляем следующий текст:

<div id="help">

<div id="help-panel" style="display: none;">
    <!-- Блок переходов по ссылкам -->
    <div class="main"><a class="title" title="Обучающие курсы Азамата Ушанова"
    href="http://sngsnick.blogspot.com/" target="_blank">
    Все курсы Азамата Ушанова</a></div>
    <div class="main"><a class="title" title="Обучающие курсы Евгения Попова"
    href="http://sngsnick.blogspot.com/" target="_blank">
    Все курсы Евгения Попова</a></div>
    <!-- Блок телефонов -->
    <div class="main"><a class="title" href="javascript:void(0);">Телефоны</a>
    </div>  
        <div class="collapse">
            <strong>Телефон не указан</strong><br />
            ПН-ПТ с 9.00 до 24.00,<br />
            СБ с 10.00 до 22.00,<br />
            ВС - 10.00 до 20.00,<br />
            время указано московское.
 
        </div>
</div>

<a id="help-button" href="javascript:void(0);"><img alt=""
   src="helper/button.png"/></a>
</div>

<script type="text/javascript">
$(function(){
 
    var current_index = null;  
 
    $('#help-button').click(function(){      
        $('#help-panel').toggle(300);
    });
 
     
    $('a.title').click(function(){      
     
        if(current_index != $('a.title').index(this)){
            $('.collapse:visible').slideUp(500);
            $('a.title').removeClass('selected');
        }      
     
        if($(this).parent().next().attr('class') == 'collapse'){
         
            if($(this).parent().next().is(":hidden")){
                $(this).addClass('selected');
            } else if($(this).parent().next().is(":visible")) {
                $(this).removeClass('selected');
            }
            $(this).parent().next().slideToggle(500);
        }
     
        current_index = $('a.title').index(this);      
    });
});
</script>


суббота, 21 января 2012 г.

Молниеносное создание форм обратной связи

Так посмотришь - и каких же только нет сервисов в интернете! Обнаружил я вот тутздорово удобный сервис для генерации форм обратной связи для блога/сайта.
Его адрес: http://www.phpform.org/
Собственно, сам процесс создания формы дольше описывать, чем научиться пользоваться этим сервисом. Честно говоря, я скриншоты значительно дольше снимал.

Процесс создания формы чрезвычайно прост и производится за три шага, да и то третий шаг - это предпросмотр, да сохранение файлов :)

Ну, начну эти шаги показывать.

Шаг 1 - выбор цвета Вашей будущей формы. Вариантов огромное количество, так чтоподберете под себя нужную цветовую схему.

 Сриншот первого шага(картинка кликабельна)



Переходим к шагу 2(картинка кликабельна)




 Шаг 2 - вводим название нашей формы, добавляем нужные поля(у меня на картинке ихвсего 2)

 Добавление полей(картинка кликабельна)



Теперь кликаем по каждому из полей и редактируем их названия и, если нужно,описания. Любое поле можно убрать - для этого на выбранном поле есть значок "-".

Названия полей(картинка кликабельна)



 Шаг 3 - делаем предпросмотр(если хочется), сохраняем файлы формы себе накомпьютер, правим HTML - файл. Правда, в основном правка заключается в том,что нужно текст 'Submit' на кнопке заменить на нужное, например, 'Подписаться'.
 Скриншот Шага 3(картинка кликабельна)


 Ну, и наконец покажу, что у меня получилось.

 Моя созданная(раньше делал) форма(картинка кликабельна)


На создание этой формы у меня ушли все-таки не секунды, а несколько минут - я же еще потом еще с HTML и CSS - файлами экспериментировал:)


пятница, 20 января 2012 г.

Новый сервис диагностики и аудита сайта

Сегодня наткнулся на новый сервис бесплатной диагностики и аудита сайтов(аудитпроводится за деньги). Адрес сервиса: http://сайтрепорт.рф

Ну, что, решил я сразу провести диагностику своего блога.
Сначала, конечно, регистрируемся, подтверждаем регистрацию по почте, затем на выходим страницу заказа.

 Вот как она выглядит(картинка кликабельна) 


В результате Вы можете посмотреть дигностику своего блога или сайта, общую информацию по сайту, как-то:

Дата регистрации домена:
Дата окончания аренды домена:
Бек-ссылки (Yahoo): 0

Наличие в каталогах:
Яндекс-каталог: Нет
Dmoz: Нет
Mail-каталог: Нет
Rambler-каталог: Нет

Установленные компонентыаналитики:
Яндекс-метрика: Не установлена
Google Analytics: Не установлена
Счётчик LiveInternet: Установлен

Диагностика моего блога(картинка кликабельна)


Сервис дает большое количество отчетов с подотчетами, т.е. на страницеотчета есть еще дополнительные ссылки на подотчеты.

Отчеты

В общем, сервис мне очень понравился как бы это сказать, своей въедливостью и/илидоскональностью что-ли. Смело могу его рекомендовать.

четверг, 19 января 2012 г.

"Наш ответ Чемберлену" — сервис микроблогов Futubra

16 января 2012 года открылась регистрация в новом сервисе микроблогов под названием Futubra.Futubra — это российский сервис микроблогов созданный корпорацией Mail.ru
Сейчас сервис и находится в стадии бета-тестирования, есть свои недоделкии неудобства, но надо отдать должное разработчикам - им удалось создать довольно удачный сервис, совмещающий возможности Twitter и Tumblr.

Давайте немножко разберемся, что это за зверь такой, да еще с таким страннымназванием.
 Futubra представляет типичный функционал для сервисов такого типа — это и возможность публиковать сообщения в свою ленту, включать в посты фотографии и/или видео, подписываться на сообщения других пользователей. Также пользователиимеют возможность создавать в сообщения события, а также помечать сообщения других пользователей кнопкой «мне нравится».

Любителям Twitter будет сразу понятен интерфейс — поле для ввода короткого сообщения(до 200 символов), лента с сообщениями тех, на кого Вы подписаны, возможность объединять футубрчан(интересно: а можно нас так назвать?)в группы, страница профиля со статистикой сообщений, ответов и т.д.
Таким образом,  функционал вообще-то очень похож на Twitter, разве что только сообщения можно писать несколько длиннее.
Некоторые вещи взяты и от Tumblr. В частности, возможность разнообразить свою ленту сообщений не только текстом но и картинками, видео, цитатами других пользователей, событиями.
А вот интересно, что существует тип сообщений под названием «Скучно!». Это, конечно, немножко меня шокирует, т.к. я не понимаю, как за компьютером может быть скучно:)  

Скриншот страницы сообщения Futubra(картинка кликабельна):

Сравните с возможностями Tumblr(картинка кликабельна):


Сообщения, естественно, можно комментировать(длина не более 500 символов).
В целом дизайн довольно приятный. Но, как всегда, есть и своя ложка дегтя.

Итак, что меня здорово не устраивает в данном сервисе.
  • Первое - явно непроизносимое название, ну что такое "Futubra"?
  • Нет возможности поменять дизайн своей страницы 
  • Вход(логин) по email, а не по нику – это все-таки некоторое неудобство
  • Цифровые адреса аккаунтов - если бы в адресе был бы ник, адрес может мне и удалось запомнить:)
  • Самое главное неудобство сервиса - отсутсвие какого-либо поиска — первый раз такое встречаю, естественно, сразу возникают крутые проблемы.

 И в заключение хочу сказать, что Futubra, несмотря сходства с Twitter и Tumblr, все-таки является уникальным проектом.

Вице-президент по стратегическим проектам Mail.ru Group Анна Артамонова говорит о проекте так: «Futubra — это проект про интересы, на которые вы можете подписываться. Но этот сервис не такой неудобный, как, например, Facebook, здесь нет неловкости, как в социальных сетях, где нужно проситься в друзья».
Правда, в результате всех этих телодвижений концепция друзей оказалась весьма размыта, а подписываться на посты пользователей можно в один клик.

Количество пользователей Futubra в настоящее время уже более 20 тыс. человек.

среда, 18 января 2012 г.

Bandicam - программа для записи с рабочего стола видео, фильмов, игр

Программа в свое время досталась мне из рассылки Giveaway of the Day.Bandicam - это высококачественный захватчик видео и скриншотов из игр, из фильмов, любой области рабочего стола.Вы можете записывать Minecraft, WOW, MapleStory, iTunes, YouTube, PowerPoint, Excel, Firefox, HDTV, Веб-камеры, Skype, Видеочаты, Java/Flash-игры, потоковое видео и область экрана.
Так как Bandicam поддерживает AVI 2.0, максимальный размер файла не ограничен. Например, запись с веб-камеры может продолжаться более 7 дней(было бы только место на диске). Программа может работать под Windows XP/ Vista/ 7. 
Я постоянно пользуюсь этой программой для записи вебинаров, т.к. не всегдахватает времени для их просмотра или просто не устраивает время проведениявебинара. 
Почему ж мне так понравилась программа? В отличие от Camtasia StudioBandicam весит мало, запись аудио и видео производится в высоком качестве и нетребует много системных ресурсов, файлы получаются маленького веса. Интефейс чрезвычайно простой и удобный. 

Функции
  • Запись DirectX/OpenGL (*.avi) 
  • Запись области экрана (*.avi) 
  • Захват скриншотов (BMP, PNG, JPG) 
  • Поддержка MPEG-1, Xvid, MJPEG, MP2, PCM 
  • Контроль и вывод FPS
Особые возможности 
  • Создание файлов супермаленького веса 
  • Запись видео сутками напролёт 
  • Запись видео разрешением до 2560x1600 
  • Готовый формат видео для заливки на YouTube (720p/1080p)
  • Неограниченный максимальный размер файла (свыше 3.9 GB
Я записал маленький фильм о настройке этой во всех смыслах приятной и полезнойпрограммы. Единственно,  попрошу при просмотре сразу убавить звук в колонках,т.к. у меня музыка сопровождения получилась немножко громкой:) 



На домашней странице http://www.bandicam.com/ можно скачать Free - версию программы.




понедельник, 16 января 2012 г.

2 программы проверки текста на уникальность

Наверное, каждый блогер стремится к тому, чтобы создавать уникальный контент. Но иногда материалы, публикуемые в блогах, при всех наших стараниях все равно могут содержать некоторый не уникальный текст. Для проверки уникальности текста я использую в основном вот эти 2 программы.

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

Скриншот программы(картинка кликабельна):

Программа бесплатна, скачать ее можно по адресу: http://advego.ru/plagiatus/

Etxt Антиплагиат еще одна программа-сервис для проверки уникальности текста.Результаты анализа программа предоставляет в виде процентного соотношения. Программа показывает фрагменты анализируемого текста, которые имеют, скажем так, сомнительную уникальность и дает ссылки на сайты-источники, опубликовавшиеподобный текст. Программа имеет и некоторые дополнительные возможности - в частности она позволяет: вести пакетную проверку всех файлов из папки; сортировать файлы в указанной папке по уникальности; проверять на уникальность все страницы сайта, выдавая подробный отчет по сайту;проводить пакетную проверку на основе списка адресов из файла(адреса могут принадлежать разным сайтам).Некоторым неудобством программы является необходимость ввода капчи для отдельныхпоисковиков(типа "Рамблер").

Скриншот программы(картинка кликабельна):

Программа бесплатна, скачать ее можно по адресу: http://www.etxt.ru/antiplagiat/