Компания «IconBlock» предоставила красивый бесплатный набор иконок «Kiwi», который состоит из 65 иконок, созданных в стиле новой операционной системы Windows 7. Эти иконки вы можете использовать как для программ, так и для сайта или блога. Предоставили иконки в формате PNG и ICO, размером 32×32 пикселя.

(далее…)

Выбор редактора под linux, был довольно сложной для меня задачей. После установки линукса, в первое время я даже не знал как там программы ставить, не то что верстать или программировать сайты. Расписывать каждую программу как в обзоре редакторов windows нет смысла, так как я нашел очень мало действительно достойных на мой взгляд редакторов. Может быть, я просто не оценил их возможности или гибко их не изучил, может мне не понравился дизайн или первоначальный интерфейс в любом случае обзоры я писать не буду, могу лишь по пару слов написать для списка программ которые я опробовал.

1. Quanta Plus — читал о нем много обзоров и что он один из лучших редакторов и что там интерфейс продуман на столько, что даже менять ничего не надо. Пишут много про разные красивые брюлечки и плагины. Но если честно, не знаю, меня лично он не впечатлил, может из-за того что я сидел под Ubuntu, а редактор был под оболочку KDE.
2. Screem — как только первый раз открыл этот редактор сразу запахло тем, что я люблю — минимализмом и простотой, покорил он меня еще и стандартными возможностями при верстке (табуляция, хорошая подсветка синтаксиса, быстрая вставка Доктайп тегов и полуавтоматическое закрытие тегов), но счастья моего небыло предела, когда я там увидел еще и проверку валидации кода Tidy. Только вот, я хотел остановится уже на этом редакторе, как я увидел его! Лучший редактор HTML/PHP для Linux — BlueFish

(далее…)

Наверное многим наскучили стандартные поля ввода в html, которые еще и по разному смотрятся во всех браузерах Конечно, вы можете придать им css стиль, но что бы их сделать действительно классными и удобными, вам надо будет хорошенько по помучаться. Я же вам предлагаю готовый плагин на jquery, который сделает вашу скучную форму регистрации или контактов, похожей на форму внизу.

Как видите, все выглядит очень приятно и достойно. Живой пример смотрите на странице: http://pro100design.net/examples/jqtransform/. Подключается к сайту плагин очень просто. Так же радует кроссбраузерность, хотя на оф. сайте (где кстати можно скачать и сам плагин) пишут, что они не гарантируют работу в браузерах, старее ie 6+, safari 2+ и firefox 2+.

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

Основные

1. Подсветка синтаксиса (желательно автоматическая, при открытии файла)
2. Организация одновременной работы с несколькими файлами (это вкладки либо удобный менеджер файлов, который всегда на виду)
3. Конвертация файлов из одной кодировки в другую
4. Быстрая скорость работы

Желательные

1. Умное форматирование (навигатор по функциям, которые он находит в коде, правильная табуляция и отступы)
2. Авто завершение кода при вводе , выделение функций, написанных с ошибкой
3. Быстрая синхронизация с FTP или встроенный клиент для загрузки файлов на сервер
4. Возможность создания отдельного проекта, который при запуске показывает все файлы скрипта

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

(далее…)

Это практический пример, как дополнение к серии статей про написание скрипта анализа сайта. Написал, как просто с помощью ajax библиотеки phplivex сделать быструю проверку сайта. Будем выводить только тИЦ, что-бы был понятен механизм работы. Вы можете посмотреть пример и скачать исходники.

Основная работа в двух файлах. Первый это index.php, тут подключается библиотека и выводится форма.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Проверка тИЦ с использованием Ajax</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javascript">
 		function check(){
     		var url = document.getElementById("url").value;
     		var plx = new PHPLiveX();
     		return plx.ExternalRequest({
         		"url": "result.php",
         		"preloader": "pr",
         		"method": "get",
         		"target": "result",
         		"params": {"url":url }
     		});
 		}
    </script>
    <style>
    .result{
    	padding:10px;
    	border: 1px solid gray;
    	margin-top:10px;
    	width:300px;
    }
    </style>
</head>
<body>
<?php
	//подключаем phplivex
        include "phplivex.php";
 	$ajax = new PHPLiveX();
 	$ajax->Run();
?>

Ссылка: <input type="text" value="" id="url" onkeyup="if (event.keyCode==13 & this.value!='') check();">
<input type="button" value="Проверить" onclick="check();">
<span id="pr" style="visibility:hidden;"><img src="load.gif"></span>
<div id="result"></div> 

</body>
</html>

result.php — в этом файле, мы ловим переменную, вычисляем тИЦ сайта и выводим на экран значение.

<?php
 //получаем переменные
 extract($_GET); 

 // обрезаем ненужности в виде www и http://
 $url=str_replace("www.","",$url);
 $url=str_replace("http://","",$url);

 // функция вычисления ТИц с Яндекс.Бара
 function getCY($_url) {
  $_uri = "http://bar-navig.yandex.ru/u?ver=2&url=".urlencode("http://".$_url)."&show=1";
  $fd = @fopen($_uri, "r");
  if ($fd) {
    while ($buffer = fgets($fd, 4096)) $haystack.=$buffer;
    fclose($fd);
    preg_match("/<tcy rang=\"(.*)\" value=\"(.*)\"\/>/isU",
      $haystack,$cy);
    return $cy[2];

  } else return 0;
  }

  //Вывод тИЦ на экран

  echo '<div class=result>';
  echo "Анализ сайта: <a href=http://".$url." target=_blank>".$url."</a><br>";
  echo "Яндекс тИЦ: ".getCY($url);
  echo '</div>';
?>

Посмотреть пример можно тут: http://pro100design.net/examples/check_cy/

Скачать скрипт проверки тИЦ: check_cy.zip

(далее…)

Продолжаю серию статей, про написание сервиса анализа сайта на php. Я уже вроде полностью закончил скрипт. Конечно, все пока не очень стабильно работает, но будем исправлять по ходу дела и искать обходные пути. После ввода ссылки и нажатия кнопки Enter, мы видим следующий интерфейс:

Как видите, я сделал пока только самое основное. В будущем, будем добавлять новые фичи и делать апгрэйды. Итак, перейдем к структуре скрипта.

(далее…)

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

(далее…)

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

Дело было вечером, делать было нечего. Зашел в очередной раз на pr-cy.ru, посмотреть пузомерки нового блога и решил, что надо написать подобный сервис и себе, за одно продемонстрировать читателям блога, как это все просто и легко делается. Рассказывать я буду подробно, по этому я думаю растянется материал на 3-4 части. В конце серии статей, скрипт можно будет скачать совершенно бесплатно без разных там защит и зендов. Итак, давайте обозначим первым делом первоначальный функционал.

Полной копии сервиса нам не нужно, возьмем от туда только самые нужные и часто используемые функции. Я читаю, что такими функциями являются:

1. Проверка Google PageRank (PR) и Яндекс тИЦ (CY) текстом и кнопками
2. Отображение (Заголовока, Описание страницы, Ключевые слова)
3. Отображение скриншота сайта (превью)
4. Ссылки и сайт в поисковиках (Google, Яндекс, Rambler, Yahoo, Bing)
5. Ссылки на каталоги (Яндекс.Каталог, Google.Каталог, DMOZ.org, Rambler Top, Каталог@mail.ru)
6. Дополнительные сервисы (Проверка валидности HTML, Ссылки на сайт с Twitter’a, Traceroute)

По ходу написания статей, я буду добавлять новые функции. Например я очень хочу еще видеть:

1. Статистику в виде цифр ( кол-во страниц в индексе поисковиков )
2. Вывод дат последних апдейтов (возможно подписка на RSS)
3. Регистрация/Авторизация (Своя панель с несколькими сайтами)

(далее…)