Дизайн просто — Свежачок для вебмастеров и дизайнеров. Регистрация

Проверка тИЦ с использованием Ajax (phplivex)
Дата: 10 Янв   Рубрика: Веб-Программирование

Это практический пример, как дополнение к серии статей про написание скрипта анализа сайта. Написал, как просто с помощью 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

Комментариев: 2

Тема для Windows 7 – Operating System Xi 7
Дата: 10 Янв   Рубрика: Windows 7, Дизайн
Комментариев: 2

Пишем скрипт анализа сайта на php (часть 2)
Дата: 10 Янв   Рубрика: Веб-Программирование

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

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

(далее…)

Комментариев: 22

Стильное горизонтальное выпадающее подменю на CSS и jQuery
Дата: 07 Янв   Рубрика: HTML и CSS, JavaScript

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

(далее…)

Комментариев: 4

Bgpatterns — cоздаем бекграунд (background-image) для сайта
Дата: 07 Янв   Рубрика: Дизайн

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

Комментарии

Пишем скрипт анализа сайта на php (часть 1)
Дата: 06 Янв   Рубрика: Веб-Программирование

Дело было вечером, делать было нечего. Зашел в очередной раз на 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. Регистрация/Авторизация (Своя панель с несколькими сайтами)

(далее…)

Комментариев: 3

Техника Apple
Дата: 05 Янв   Рубрика: Иконки

Свежий набор иконок техники Apple Mac, размеры иконок 48px, в формате png

(далее…)

Комментарии

Mooslide — красивое анимированное информационное окно
Дата: 05 Янв   Рубрика: HTML и CSS, JavaScript

Mooslide — это красивое информационное анимированное окно, в котором может быть, любая информация: текст, графика, flash. Можно сделать например уведомление об ошибках или встроить туда форму входа на сайт. Вы с легкостью можете менять дизайн этого окна или например настроить скорость и вид анимации, это зависит только от вашей фантазии. Построен этот скрипт на js фреймворке mootools, который в свою очередь считается очень шустрым и популярным сегодня. (далее…)

Комментарии

30 бесплатных векторных иконок
Дата: 04 Янв   Рубрика: Иконки

После долгого перерыва парни из Dezinerfolio, выпустили новый бесплатных набор, который состоит из 30 векторных иконок в PSD формате. Иконки выполнены в стиле Apple iPhone. Скачать иконки можно бесплатно с нашего сайта.

(далее…)

1 комментарий

Ретуш фотографий
Дата: 04 Янв   Рубрика: Фотошоп

Отличный пример, как надо делать ретушь фотографий в фотошопе. Из обычных фото, делаю карамельных девочек.

Под катом видео, где это собственно это и демонстрируют.

(далее…)

Комментариев: 2

« Новые записиСтарые записи »

Категории

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

Подпишись на RSS



Свежачок

Новый проект

Free-lance.ru iOS клиент.  Проектирование интерфейса. Концепт.

Я давно на дрибббл, фолов ми!

Полный редизайн блога.

Иконки многих платёжных систем

Выбираем php редактор для Windows, Linux, Mac (часть 3)

Делаем простое резиновое горизонтальное css меню

Новый проект — «Открыть доступ»

Мой док в Маке. Делюсь красивыми иконками.

Считаем количество проиндексированных страниц Яндекс и Google на php


Последние комментарии


Облако тегов