Итоги уходящего года блога gtalk.kz

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

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

Шпаргалка верстальщика часть 1 или 11 полезных ресурсов для верстки сайта

Приветствую пользователей блога gtalk.kz. Открываю новую серию статей-шпаргалок для эффективной верстки сайтов. Данные статьи можно смело добавлять в закладки, т. к. полезной информации будет оочень много (по крайней мере я надеюсь :) ). А также не забывайте поделиться с друзьями.

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

Как всегда, сразу возьмем быка за рога и начнем :)

генератор-html-+-css-шаблона

  1. Csstemplater.com – сервис «Генератор html + css шаблонов» от Dimox’a и molodoy по праву должен быть упомянут первым в списке, так как полезность его огромна. Данный ресурс позволяет сделать заготовку будущего шаблона, выбрав определенные опции — вуаля html + css готово и при чем в дивах. Внимание! Особо полезен ленивым :) Не советую пользоваться часто новичкам, привыкнуть очень легко. Настроек немного (doctype, сайдбары, высота header’a и footer’a, resert на выбор и т. д.), но их вполне хватает на заготовку шаблона/каркаса.песочница-html-+-css
  2. Cssdesk.com – песочница для html + css. Пишите html разметку и css и смотрите как это будет выглядеть. Очень удобно, можно потренироваться с написанием кода для начинающих.
    генератор-кросс-браузерных-правил-CSS3
  3. Генератор кросс-браузерных правил/стилей CSS 3  — используйте новые возможности Css 3, а данный ресурс Вам в этом поможет.
    Прокрутите вниз до класса matrix и можете настроить повороты под себя.генератор-кросс-браузерных-правил-CSS3-для-верстки-сайтов 
  4. Еще один генератор кросс-браузерных стилей Css 3, просто выбирайте необходимые настройки и смотрите пример. Можно делать в стиле 3D.генератор-css-3
  5. Ну, чтоб уже окончательно было понятно со стиля css 3 попробуйте поюзать сайт css3generator.com. Выберите стиль из выпадающего списка и пропишите параметры, скопируйте получившийся css код и радуйтесь ;)

  6. Ищете красивые кнопки для сайта? Зачем? Для этого существуют много сервисов. Например, cssbuttongenerator.com – самоназвание говорит за себя — Генератор css кнопок. Выбирайте настройки кнопки, ее будущий внешний вид и скачайте весь необходимый стиль.
  7. А Вы знаете, как посчитать, сколько пикселей в em? А в пунктах? Не знаете?)) А верстальщику надо бы знать. Спасибо, pxtoem.gamecoll.com, который с легкостью посчитает, сколько пикселей в Ems, пунктах и т. д. Хороший конвертор.
  8. Градиент, до эпохи ccs 3 верстальщикам снилось их простое использование :). Теперь это в прошлом, ведь благодаря такому ресурсу как www.colorzilla.com/gradient-editor можно с помощью css залить градиентом определенную область, а с хорошим знанием css можно и кнопку красивую написать ;). Интересно, что генерируется код не только в формате css, но и в SCSS.css-3-градиент-для-сайта
  9. Валидность сайта важная составляющая верстки. В курсе блочная верстка с нуля, я упоминал о важности соответствия стандартам кода. Поэтому сейчас просто даю ссылки на проверку html разметки validator.w3.org/  и проверка валидности css jigsaw.w3.org/css-validatorшрифтотренажер-ресур-для-верстальщика

  10. http://ft.vremenno.net/ – шрифтотренажер. Смотрим, как будет выглядеть тот или иной шрифт на вашем сайте, подбирайте шрифт удобный для глаз. ;) Используются стандартные шрифты.
  11. Мнемоника в html — также необходима при блочной верстки сайта, например, использование знака охраны авторского права и т. д. Подробнее можно почитать и взглянуть на википедии.

Не буду Вас томить по одному сервису. Если Вам интересно, Вы можете прочитать еще о дополнительных ресурсах (полезных не только для верстки) на хабрхабр
Корректное отображение стилей css 3 для IE – css3pie.com

Бонус: А также обещанный бонус 38 способов закругления углов, очень неплохая подборка. Не изобретайте велосипед, учитесь виртуозно кататься на нем ;)

с/у УтБ

Нужно ли закрывать теги от индексирования?

Часто в просторах интернета встречаю такой вопрос: стоит ли закрывать теги/метки от индексации поисковиками? Одни говорят, конечно, стоит, так как идет дубликат контента, искусственное увеличение страниц, из-за чего можно получить бан (чаще от Яндекса); другая же часть народа в интернете говорит, что нет, мол повтора фактически нет, т. к. по тегам выводятся разные посты и только анонс и т.д. и т.п.

Многие советуют, не опираясь на факты, или на опыт. Вот отсюда и появляется все больше и больше вопросов.

А давайте теперь подумаем трезвой головой. :)

быть или не быть: индексировать метки поисковиками или нет

  1. Если у Вас 1000 меток, то ждите «подарочек» от поисковиков, :) если честно это не то, что поисковикам плохо станет, но и пользователь вряд ли обрадуется.
  2. Взгляните на топовых блогеров. Видите сколько у них меток)) А проверить закрыты ли теги от индексации самым простым способом можно: к домену добавьте /robots.txt и почитайте, что там есть. А как читать robots.txt  я писал ранее в статье Внутренняя оптимизация создание robots.txt. Предварительно посмотрите url меток: tags/metki; Читаем файл robots.txt: Disallow: /tags – закрыты теги и т. д.
  3. Используйте теги с умом: не пишите одноразовые теги, не задумываясь для чего они. По тегам пользователь ищет похожие записи: какого буде удивление, при клике на любой тег, будет 1 запись.
  4. Добавляйте теги по необходимости, не стоит сразу добавить 100 меток, а потом сидеть и выбирать из существующих, пусть рост будет естественным.
  5. Подумайте, возможно Вы сможете обойтись вообще без меток.
  6. Если у Вас отличный контент (да, да опять про уникальность контента) Вы можете спать спокойно, главное, ничего не испортить ;)

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

Ну, чтоб мне окончательно поверили, приведу примеры: Старик Глобатор http://shakin.ru/robots.txt – метки индексируют поисковики (меток 75);  Блог Димок http://blog.diimok.ru/robots.txt .- индексация разноцветным тегам открыта (не смог посчитать, но тоже много)

Думаю, прочитанная информация была Вам полезна. Не забудьте поделиться с друзьями ;)

с/у УтБ

На десерт сегодня развлечение детей сварщика :)

Сервис feedburner – rss лента для сайта

Приветствую тебя читатель, сегодня давайте rss ленте, а конкретно о сервисе управления rss лентой и rss подпиской – feedburner.com. Какие плюсы я вижу в данном сервисе:

  • Быстрая индексация статьи (особо актуально молодым начинающим блогам)
  • Настройка вида rss ленты
  • Удобный сервис пользования (вывод количества подписчиков, многочисленные плагины для cms)
  • Рассылка rss ленты через mail
  • Ну и надежность (все таки ресурc от google)

Думаю, сегодня уже мало кто говорит, что данный сервис бесполезен, сейчас feedburner – стандарт, само собой разумеющееся для блогов/сайта. Согласитесь, зачем каждый день заходить на сотню сайтов, чтобы только посмотреть появилась ли новая информация? А с помощью rss ленты, добавляем все интересные сайты в один из Reader’ов и потом читаем анонс, и решаем подходит нам или нет статья (либо получаем по почте) – кому как удобней ;)

Ранее я писал/упоминал, о важности плагина FeedBurner FeedSmith в посте Блог с нуля. часть 1 и всем рекомендую поставить его. Но и для этого необходимо зажечь свой фид.

Как добавить rss ленту в feedburner.com ?

Ничего легче нету :) Feedburner сервис google, поэтому чтобы зажечь свой фид, Вам необходимо зарегистрироваться в google. Теперь перейдите по ссылке, выберите русский язык (в верхнем правом углу кликните на ссылку  Languages). Вставьте в форму ваш текущий rss блога, например, для wordpress моего блога это gtalk.kz/feed, для других cms другой url ленты!

  • Введите Вашу rss ленту и жмите далее.
  • Теперь необходимо ввести название ленты (обычно название сайта) и вид будущей ленты, например моя rss лента выглядит http://feeds.feedburner.com/gtalkkz, для этого я ввел gtalkkz в форму; Жмем далееfeedburner-добавляем-rss-ленту
  • “Поздравляем! Ваш фид FeedBurner обрел жизнь. Не хотите его немного приодеть?” – У создателей есть чувство юмора :), либо это переводчики веселые :) смеемся и жмем далее и далее
  • Все сделано! А вы думали это сложно?

Подробнее  о настройке расскажу в другой статье, так как настроек и возможностей у feedburner очень много.

Кстати, если Вы еще не подписались по mail’y на мой блог, то обязательно сделайте это. ;) Следите за обновлениями! Всем, кто подпишется, под новый год придет сообщение от меня с поздравлениями ;)

с/у УтБ

На десерт сегодня видео про кота Мару, который обожает коробки, не буду все рассказывать посмотрите сами ;)

Подробная статистика страниц facebook

Вот и еще одна хорошая новость от facebook для веб-разработчиков со всего мира. Думаю Вы уже создали страницу своего блога/сайта а просторах самой популярной социальной сети в мире? Нет? Тогда быстренько создаем и читаем дальше :)

Все продвиженцы в социальных сетях заводят страницу на facebook, затем ее продвигают с помощью своих наработанных стратегий :) Теперь все это можно сделать гораздо проще.

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

статистика-страницы-facebook продвижение в социальных сетях

В кратце, пройдемся по основным пунктам.

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

статистика-страницы-facebook-графики продвижение в сосетях smm

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

статистка-по-возрасту-и-полу-facebook-page

В целом, интересно посмотреть реакцию людей на собственные записи, а затем уже делать выводы для себя: с какими записями люди больше делятся, интересуются, т. е. так можно и найти нишу для создания нового сайта ;)

распространение-вашей-информации-facebook

с/у УтБ

Постовой: Почитайте блог Кибер-Мастера там тоже много полезной информации ;)

Обзор цен казахстанских хостингов

Сегодня давайте выберем виртуальный хостинг. Для парочки сайтов-визиток мне необходим простой хостинг, а для начала работы с wordpress, joomla или другой cms необходимо место для творения. Поэтому я решил сделать подобный обзор казахстанских хостингов (при чем не только цен). Здесь я не учитывал категорию бесплатного хостинга.

Хочу заметить, что мы выбираем казахстанский хостинг в просторах казнета.

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

Поиск осуществлял с помощью google. Итого набралось 16 хостинговых компаний. На удивление параметры и цены отличаются сильно. Интересно, компании делают хоть какой нибудь анализ своих конкурентов?? :)

Все свел в таблицу.(см рисунок)

обзор цен на-казахстанские-хостинги

Доступ в google docs для удобства.

Пару выводов и советов по таблице:

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

2. По текущим данным тяжело сделать выбор, так как важны и другие параметры: способы оплаты, круглосуточная поддержка (очень важный параметр) и т. д. Но выделить пару лидеров для себя можно.

3. Совет компаниям: больше информативности! Отсутствие полноценной информации отпугивает потенциальных покупателей, также плюсом будет тестовый период хостинга. Отдельно вопрос тем компаниям, которые не имеют тарифного плана с 1 gb, ну как так?))

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

5. Цены в тенге (1 российский рубль = 4,8 тенге)

6. Самое популярное название тарифного плана Стандарт(-ный)

7. Данный пост никем не проплачен, статья подготовленна специально для пользователей gtalk.kz ;)

 Пишите в комментариях свои вопросы. Если Вы из хостинговой компании, то отпишитесь, чтоб заполнить пустые ячейки ;). Вся информация взята с сайтов компаний.

с/у УтБ

На десерт сегодня еще одно видео от old spice, молодцы маркетологи компании:)

5 простых способов ускорить сайт

Сегодня мы вновь говорим об внутренней оптимизации сайта/блога. Данная статья является естественным продолжение уже раннее написанной шпаргалка настройки htaccess плюс еще несколько полезных советов. Сегодня мы сделаем свой Ваш сайт быстрее в загрузки с помощью нескольких несложных способов.

Покупаем домен kz за 5 минут

Вот и по многочисленным просьбам Status’a, статья о том, где и как я покупаю домены (по примеру доменов kz). И Вы узнаете как быстро купить домен, не выходя из дома . В Казахстане думаю данная тема особо актуальна.

Почему актуальна? Да, потому, что ранее многие покупали в Kaznic’e, куда необходимо было написать письмо по формату, подождать ответа, заплатить в банке и только потом получить долгожданный домен.

Самые необходимые wordpress плагины

Приветствую читателей моего блога. Меня уже несколько раз просили рассказать какие плагины установил я у себя. С удовольствием делюсь. Только пароль от админки не ждите;).

Я уже писал о плагинах wordpress‘a, которые я устанавливал и Вам советовал делать то же самое. Но время шло и плагины добавлялись. Давайте посмотрим какие плагины я установил еще))

Урок 5. Блочная верстка сайта: css файл.

Вот и подходим к финалу наших уроков по блочной верстке сайтов. Сегодня 11.11.11 г., время публикации статьи 11:11, думаю это счастливый знак для закрытия основных, базовых уроков по верстке :) . Мы прошли небольшой курс, и осталось совсем немного. Сегодня мы напишем css файл для сайта, подключим его и будем радоваться полученному результату ;).