Приветствую пользователей скромного блога Gtalk.kz. Сегодня я решил рассмотреть 2 самых популярных текстовых редактора для написания кода, не важно какого. Так как я не программирую, а могу верстать, могу не верстать, то я и хотел назвать топик программа для верстки сайта: Notepad++ vs Sublime Text, но потом передумал
Собственно перед вами два героя битвы всем известный старый добрый notepad++ и новый набирающий популярность Sublime Text.
Да начнется холивар:
Кстати, можете добавлять в комментах параметры для сравнения, я добавлю
Сравнение Notepad++ vs Sublime Text
Параметры
Notepad++ от Don Ho
Sublime Text от Sublime HQ Pty Ltd
Официальный сайт
notepad-plus-plus.org
sublimetext.com
Стоимость
Бесплатный – free
Условно-бесплатный*70$
Лицензия
GNU GPL
Proprietary software
Open Source
Да
Нет
Кроссплатформенность
Windows
Windows
Mac
Linux
Переведен на
Dutch
English
French
German
Italian
Portuguese
Russian
и т.д. вплоть до казахского
* можно скачать и пользоваться бесплатно, но иногда будет выскакивать окошко с просьбой купить сей продукт
Что еще добавить особо не знаю, так как по возможностям они равны в принципе, а остальное решается с помощью плагина. Например, Dimox расхваливает Sublime Text, но все это есть и у Notepad++.
Единственное, кросcплатформенность sublime text может завлечь тех кто постоянно перебегает от одно оси к другой.
Мне Notepad++ хватает для редактирования и пока что не собираюсь переходить.
Время идет и я перешел на Sublime Text 2. Теперь понимаю почему многие перешли на него :). Так что советую всем ;).
Возможно, просто всем захотелось, что-то новое и старый редактор приелся?
А вы каким пользуетесь и почему??
с/у Талга УтБ
Кстати, если вы еще не видели отличный клип от Biting Elbows
Кстати, программа помогает работать и немного автоматизирует рутинную работу.
Итак, для вас я собрал актуальные 72 ресурса, куда вы можете добавить свой сайт. На некоторые из них требуют регистрацию. Я их в конце списка расположил – последние 7 ресурсов + некоторые временно не работали (как они утверждают), поэтому не удивляйтесь, но таких парочку.
Если вы нашли ресурс, куда также можно добавить свою Rss ленту сайта. Обязательно отпишите мне в комментариях, либо по email.
А теперь маленький подарок. Все данные ресурсы я сделал в формате для RssAdder. Скачайте программу, добавьте файл мой RssAdder.ini и приступайте к добавлению своего ресурса.
Для удобства отредактируйте мои данные:
[BLOG]
URL=http://gtalk.kz
TITLE=Верстка, создание и продвижение сайтов
RSSURL=http://feeds.feedburner.com/gtalkkz
EMAIL=mail@mail.ru
KEYS=верстка сайтов, продвижение сайтов, создать сайт с нуля
DSC=Блог о том, как создать и начать продвижение сайта.
Введите свои данные и потом запускайте RssAdder.
Зарегистрируйте отдельный почтовый ящик, чтобы избежать спама.
Не забудьте подписаться на блог, так как таких маленьких подарочков будет еще, например, Dofollow блоги и список трастовых сайтов для добавления свой ссылки с них.
Надеюсь, это полезная статья и вам пригодилось, если так жмите кнопки внизу.
И вот, наконец, для самых ленивых верстальщиков был придуман специальный плагин для Фотошопа, который конвертирует стили в css файл.
Уже вижу довольные лица. Если вам интересно, что же это за плагин и что он из себя представляет, можете взглянуть на видео в конце статьи. А также посетить сайт плагина.
Отметим, что в коде используется css 3. Пример кода можно посмотреть здесь. (то что рисуют на видео).
Теперь перейдем к теме: как установить и пользоваться данным плагином.
Как установить плагин в Photoshop.
На видео видно как установить плагин. Немного прокомментирую с картинками.
1. Скачайте плагин, кликнув на главной страницы на кнопку Download for CS5, CS6 или Download for CS3, CS4 в зависимости от версии Фотошопа.
2. Запустите скаченный файл.
3. Принимайте условия.
4. Проверте, что слева от названия стоит галочка, закройте приложение.
5. Откройте фотошоп, и активируйте плагин.
на Mac
на Windows
Как пользоваться плагином css3ps?
Очень просто. После активации появится окошко с логотипом css3ps. После создания элемента (например, квадрата с закругленными концами), выделите нужный слой (слой с квадратом с закругленными концами) и нажмите на иконку Css3ps. После этого откроется сайт с картинкой и стилем css к нему. Скопируйте и радуйтесь.
Внимание! Рисовать придется по четче и качественно. Не выдумывайте слишком сложное.
Надеюсь данный плагин поможет вам в освоении верстки сайта, и упростить вам работу.
с/у УтБ
Сегодня, я делаю обзор полезного бесплатного софта, который, надеюсь, будет вам полезен. Название данному инструменту для блоггеров – Scrabber – бесплатный онлайн сервис создания скриншотов любой области экрана.
Пользоваться данной программой могут как с операционной системой windows, так и те, кто сидит на Mac’e. Для остальных, к сожалению, пока (надеюсь) версий нету.
Очень интересно обыграна программа. Главный герой – Мистер Краб, который и «вырезает» нам с вами необходимые картинки.
Что можно делать программой scrabber:
Выделять область в экране и копировать на сервер, получая несколько вариантов ссылок на картинку
Поделиться с друзьями, коллегами в соцсетях
Готовые ссылки в версиях: прямая ссылка, html версия и bb код для форумов
Кому полезна программа:
Всем, особенно работникам интернета. :smile: Удобно показывать баги, ошибки на сайте: выделил область, отправил ссылку.
Как начать пользоваться:
Зайдите на сайт и скачайте софт, нажав «поймать скраббер» для windows или mac.
Установите программу и начинайте пользоваться. Запустите программу, выделите область, немного подождите и в браузере по умолчанию откроется вкладка со скриншотом.
Как пользоваться скраббером. Инструкция в картинках:
Минусы программы или чего не хватает
Лично мне не хватает в программе:
Привязки к аккаунту (при смене компьютера или переустановки теряются все ваши картинки) :lol:
Улучшить скорость отклика программы (иногда, скорее всего провайдер шалит)
Возможность «вырезки» элементов при наведении, активных и т.д. (не знаю правда как это будет выглядеть)
Возможность регулировать водный знак Scrabber.net (иногда на полкартинки или закрывает нужное), либо отключение данной функции :-)
Надеюсь обзор был для вас полезным и интересным, не забываем поделиться с друзьями и отписываться в комментариях. :???:
З.ы. На сайте scrabber.net, не забудьте кликнуть на дворника
З.ы.ы. А вы какой программой пользуетесь? Как вам такой софт?
Приветствую всех посетителей блога gtalk.kz. Давай сегодня поговорим о важной составляющей любого веб-мастера и seoшника. Конечно, это софт, или программы. Наличие тех или иных программ, позволяет нам более правильно принять решение, зарабатывать деньги и т.д.
Сегодня я решил сделать обзор бесплатного seo софта для вас ;). Предварительно разделив весь софт на небольшие категории.Важное условие всех программ из списка их бесплатность. Если Вы не нашли программу, распространяемую под знаком free, отпишитесь, и я с удовольствием ее добавлю. (Но для начала дождитесь второй части )
И так, как всегда меньше слов больше дела. Начнем.
Индексы цитирования Яндекса – ТИЦ и Google – PageRank;
Количество страниц, проиндексированных поисковыми системами Яндекс, Рамблер, Google, Апорт и Yahoo.
Количество ссылок на сайт, обнаруженных поисковыми системами Google, Яндекс, Yahoo.
Данные о наличии сайта в каталогах Яндекс, Рамблер Top100, Апорт и DMOZ.
Если на сайте будут обнаружены счетчик Рамблер Top100, утилита соберет данные о количестве посетителей и просмотренных страниц за последние 7 дней.
Если будут обнаружены счетчики статистических систем Top.Mail.ru, LiveInternet (Rax), SpyLog, HotLog, то будут даны ссылки на страницы этих поисковых систем.
Программа позволяет осуществить мониторинг сайта в Google, Яндекс, Rambler, Yahoo, а так же отображает показатели сайтов, такие как Google PageRank и Яндекс тИЦ.
Думаю, из самого названия становится ясно, что программа предназначена для анализа параметров сайта.
В программе имеется возможность сохранения истории анализов и экспорта полученных результатов. Для программы характерны высокая скорость работы, большое количество анализируемых данных, широкие возможности применения программы. Есть возможность работы через прокси. Также программа работает с сервисом Антикапча.
СловоЁБ – это новый программный продукт, позволяющий эффективно парсить и обрабатывать слова. Среди основных инструментов СловоЁБа числятся:
1) парсинг сервиса Yandex.Wordstat: “плоский” и “объемным” поиск;
2) статистика LiveInternet: раскладка по популярности запросов в поисковых системах;
3) статистика Web Effector: бюджет, региональность, сроки продвижения и CPC запросов.
4) позволяет определять целевую страницу под запрос в Яндекс и Гугл.
Программа поддерживает ручную обработку капчи Яндекса, а также работу через прокси-серверы. В качестве альтернативы многопоточности выступает опция “Множитель скорости”. Программа автоматически уменьшает время таймаута на количество добавленных прокси-серверов, в результате чего достигается не худшее увеличение скорости обработки данных.
Словодёр — новый эффективный парсер поисковых подсказок. Основной конек Словодёра — развернутый результат. Так, только на нулевом уровне парсинга можно получить уже больше тысячи подсказок. Что уж говорить о поиске “в глубину”.
Программа поддерживает работу через прокси-сервер, работает с популярными поисковыми системами, причем, в многопоточном режиме. Это означает, что одновременно анализируются данные со всех отмеченных ПС.
Программа YAST Keywords предназначена для автоматизации рутинных операций по поиску ключевиков и анализу их частотности, составлению семантического ядра сайта, а так же подбору эффективных фраз для показа контекстной рекламы.
Простая программа для работы с ключевыми словами вашего сайта.
KeyWordKeeper создан для обработки txt-баз ключевых слов. Богатые возможности программы постоянно дополняются и исправляются. Незаменимая утилита в работе! Программа под Windows (тестировалась под Windows XP 32bit SP2 и Windows Vista 64bit SP1), установки не требует, просто скопируйте exe-шник в директорию с Вашей базой. Перед тем как использовать, настоятельно рекомендую потратить пару минут, прочитать мануал к программе. Просто в некоторых модулях (например, в модуле “Создание выборки”) тяжело самостоятельно догадаться до полного алгоритма работы.
Наверное, Вы когда-нибудь встречали подобные символы “”, “!” и [ ]. Некоторые их используют, некоторые нет, но знать про них должен каждый уважающий себя пользователь контекстной рекламы.
Программа StringConverter призвана помочь и заметно ускорить рутинную работу по использованию данных символов, при подборе ключей.
Основные возможности программы:
Возможность сохранения пяти различных схем преобразования
Быстрое переключение между схемами по хоткею
Импорт списка ключевых слов из файла
Обработка ключевых слов из буфера обмена по хоткею
«Магадан» — это набравшая большую популярность в Рунете программа для удобного автоматического сбора и обработки статистики показов ключевых слов Яндекс.Директа. Есть платная версия PRO.
– программа для определения позиция вашего сайта в ПС и парсинга подсказок.
Seo analizator – это программа предназначенная для облегчения труда оптимизатора. Программа позволяет за короткое время определить сео параметры Вашего сайта. Программа отличается от подобных своей скоростью определения параметров. Очень удобный и понятный интерфейс. Все результаты можно сохранять в файлы. У программы несколько основных функций.
Ya Monitor – это очень простая и удобная SEO-утилита, выполняющая мониторинг позиций веб-сайта (или нескольких) в такой популярной отечественной поисковой системе как Яндекс. Поддерживаются опции импорта, экспорта, множество URL-ов и работа с прокси.
Программа для проверки позиции сайта в Google, с помощью нее, например, можно смотреть московскую выдачу по запросу SEOCAFEинфошность.
Операционная система: Windows 98/2000/XP/Vista
Эта маленькая утилита – возможно, лучший инструмент для проверки и мониторинга позиций в Google. Она показывает положение сайта в Гугл по выбранным ключевым словам, а также состояние топ-листингов на текущий момент. Поддерживаются любые языки и около 30 дата-центров Google. Легка в освоении и полностью бесплатна.
Программа парсит выдачу Яндекса и предоставляет возможность дополнительно выделять только подсвеченные в титлах слова.
Скачать [Download not found]
PaRaMeter
Проверка Google PageRank всех ваших сайтов одним щелчком!
Операционная система: Windows 98/2000/XP/Vista
PaRaMeter (от слов “PageRank Meter”) позволяет вам автоматически проверить такой параметр как PageRank. Безусловно, это можно сделать и вручную, однако PaRaMeter позволяет сэкономить ваше время, более удобен и не требуeт установки Google Toolbar на ваш компьютер.
На данный момент программа работает с 9-ю поисковыми системами. В их числе: Google.ru, Yandex.ru, Rambler.ru, Mail.ru, Google.com, Google.com.ua,Google.lv, Yahoo.com, Live.com.
2 алгоритма поиска позиций.
4 языка (английский, русский, латышский, украинский)
Есть возможность использовать proxy (может быть полезно для людей со статическим IP)
Обход капчи.
Возможность импорта проектов из semonitor и Site-Auditor.
Определение самых релевантных и количества страниц на сайте по заданым ключевым словам (фразам).
Проверка данных по сайту Google Pr, Yandex тИЦ, Число страниц в индексе Google, Число страниц в индекске Yandex, В каталоге Yandex.
Программа для массового добавления сайтов в аддурилку gogo.ru
Название программы говорит само за себя. Только зачем нужно создавать программу для добавления только в gogo.ru ? Ну, да ладно, как говорится, на халяву…
Как всегда приветствую Вас, ищущего полезную информацию по верстке сайтов. Сегодня мы поговорим о кодировке файлов. Данную тему важно запомнить один раз и больше к ней не возвращаться. Сегодня мы будем говорить о том, как сохранить файл в кодировке utf-8, почему необходимо использовать utf-8?
Что же такое юникод, utf-8, преимущества и минусы можно почитать на Wikipedia, так и на других сайтах, например, мне понравилась статья Дмитрия, в ней интересно описано откуда и почему появились кодировки ASCII, юникод и UTF 8, расширенная ASCII (Windows 1251, CP866, KOI8-R).
Давайте, перейдем к нашей теме и начнем разбираться с проблемами во время нашей верстки сайта.
Все это от того, что в cp1251, например, всего 256 символов (что в принципе достаточно для кирилицы), а в Unicode более 100 000 символов. Поэтому я советую создавать html каркас (как html верстальщик) и вообще сайты с кодировкой utf-8. Вы скажите мне достаточно window-1251, так как я использую кириллицу. Полностью согласен с Вами, но если Вы захотите использовать специальные символы, или сделать мультиязычный сайт? Ну, а в связи с тем, что я верстаю для Казахстана, то кодировки cp1251 изначально не подходит, так как обычно используется казахский, русский и английский языки. Лучше запостись символами .
Как сохранить файл в кодировке utf-8 без BOM? (utf-8 without BOM)
Именно так и надо сохранять без BOM (Byte Order Mark или— сигнатура – три символа, которые все портят).
Не все программы способны сохранять файлы в кодировке utf-8 без BOM. Яркий пример – Блокнот от Windows.
Программа Notepad++
Программа шикарная и очень полезная как для верстальщика, так и для программистов, веб-разработчиков. Посетите официальный сайт, там же можно скачать редактор совершенно бесплатно.
Откройте файл и выберите преобразовать в utf-8 без BOM.
Если нажмете кодировать в utf-8 без BOM, то произойдет следующее.
Если сомневаетесь и, чтобы не рисковать всегда делайте backup – резервное копирование!
Программа PhpDesigner
PhpDesigner – удобный редактор. Программа платная.
Немного сложней будет. Для начала проведем настройки для браузеров:
1. Откройте выпадающее меню: Создать новый файл -> Изменить шаблон (Edit template) либо Файл -> Новый… -> Edit templates
2. Выберите Html и вставьте туда следующий код и поставьте галочку на «Использовать данный шаблон для HTML/XHTML» (Use this template for HTML/XHTML):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Документ Без Имени</title>
</head>
<body>
</body>
</html>
Установка кодировки:
– Пройдите: Инструменты -> Установки (или вызовите через CTRL + E) и выставите соответствующую кодировку.
Текущую кодировку можно увидеть в нижней части программы слева.
Можно, конечно, пойти другим путем. Создать файл, после открыть файл в Notepad++ и сделать соответствующие настройки.
Программа PSpad
Pspad - еще один неплохой текстовый редактор. Кстати, полностью бесплатный. Функций больше чем у Notepad++.
Поменять кодировку текущего файла в Pspad очень просто: Вкладка Формат -> Выбрать необходимую кодировку (например, utf-8)
Кодировка для браузеров по умолчанию:
Создать новый файл (Ctrl + N) -> Из шаблона -> Html -> Html 4.01 Transitional -> Правка…
В charset впишите необходимую кодировку, например:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Untitled</title>
</head>
<body>
</body>
</html>
Сохраните и закройте шаблон.
Теперь, создавая новый файл из шаблона все будет готово.
Опции -> Настройки… -> Файл -> utf-8 без BOM (либо другая кодировка)
По умолчанию файл html создается без meta данных. Вставить кодировку (charset) для браузеров можно так:
Вставка -> Кодировка -> Unicode (utf-8) (либо другая необходимая)
Кодировка с помощью .htaccess
С помощью файла .htaccess можно заставить браузер отобразить нужную кодировку. Не советую пользоваться данным методом на работающих сайтах (я обычно использую только для html на локалке, ), но все же метод работающий. Добавьте в файл:
AddDefaultCharset utf-8
Внимание! Ваш хостинг может не поддерживать данные настройки.
Сообщение кодировки для браузеров
Как браузеры понимают, в какой кодировке Вы писали свой файл? Для этого и существует строка (мета данные):
Приветствую всех пользователей своего блога. Сегодня продолжаем поисковики как можно скорее проиндексировать Ваш новоиспеченный сайт. Ранее мы уже говорили об ускорении индексации поисковиками с помощью Ping сервисов. Если Вы еще ее не читали, то советую прочитать. Там же Вы сможете найти актуальный список пинг сервисов, и как поддержать их актуальность.
Говоря о продвижении, я говорил о важности rss агрегаторов. Давайте, теперь перейдем от теории к практике.
Rss adder – неплохая программа для добавления Вашей rss ленты в агрегаторы. Давайте, посмотрим, как ей пользоваться и научиться быстро добавлять ленту сайта в агрегаторы. Но прежде основные преимущества:
Бесплатность программы
Создание своей базы
Простота использования
Взгляните на интерфейс программы, по сути, мы лишь упрощаем процесс добавления, а сама Rss adder выступает в качестве браузера со ссылками на rss ленты и необходимой информацией.
Подготовка к добавлению rss ленты.
Для начала, я надеюсь, Вы создали свою ленту сайта через сервис feedburner.com . Нет? Тогда читает статью Сервис feedburner – rss лента для сайта и возвращайтесь.
Советую, создать отдельный mail ящик. Будем его использовать при регистрации, дабы не засорять ваш основную почту. Не создавайте почту с названиями типа spam, notspam, SpAmMer и т.д.
Выпишите на отдельный файл:
- адрес блога (c http://)
- название блога
- адрес Rss-фида (сервиса feedburner)
- ключевые слова сайта
- описание сайта
В дальнейшим Вам еще часто понадобится такой файл ;), так что не забрасывайте его далеко.
Заполните все соответствующие поля. И кликайте по rss-агрегаторам слева в колонке. Программа автоматически добавит необходимую информацию, а если нет, просто нажмите на кнопку Копировать и вставьте с помощью кнопки Заполнитьформу, и введите Captcha. Все не так и сложно как казалось.
Возможно, не слишком быстро, но парой ручная регистрация лучше, чем автоматическая. А данная программа направленная на облегчение ручного добавления. Список rss-агрегаторов.
Список всех rss агрегаторов находится в файле RSSAdder.ini . Вот настройки:
[SITExx] – RSS-агрегатор, где xx – номер по порядку
url – ссылка на страницу добавления RSS-ленты
field_url – поле “URL сайта”
field_rss_url – поле “URL rss”
field_rss_name – поле “Название RSS/сайта”
field_dsc – поле “Описание сайта”
field_keys – поле “Ключевые слова”
field_email – поле “Email”
key_delimiter – разделитель ключевых слов
В архиве для скачивания программы Вы найдете 2 файла RSSAdder.ini с 82 и 50 базами.
Осталось лишь сказать, что вкладка HTML Form Viewer нужна для изучения новых агрегаторов и добавления их в Вашу базу.