• Live HTTP Headers
• View Formatted Source
• Web Developer
• Tamper Data
• XMLHTTPRequest Debugging

Можно также почитать:

• FireBug и с чем его едят
• 10 JavaScript AJAX меню — табов для вас
• Сохраняем сайт для оффлайн ( Offline ) использования
• Google выпустили Page Speed плагин для FireFox
• CSS3 — скруглённые углы

Так уж сложилось, что множество Web-приложений, которые активно используются в интернете имеют почтовое сообщение непосредственно с клиентом и участником той или иной Web-cистемы. В наше время почти каждый хостер поддерживает SMTP , POP и другие почтовые протоколы, но что делать если этого нет, или вам её отключили, или она отвалилась, но почта отправляться должна?

Если вы используете PHP каркас (framework) CodeIgniter, то проблему такого рода, можно решить очень просто. Решение заключается в отправке почты, через простой почтовый сервис GMail. Всё что вам потребуется, это поддержка OpenSSL на вашем сервере (OpenSSL на данный момент, есть почти на каждом маломальском хостинге).

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

function _send_mail($options = array())
{
	// GMail connection data
	$config = Array(
		'protocol' => 'smtp',
		'smtp_host' => 'ssl://smtp.googlemail.com',
		'smtp_port' => 465,
		'smtp_user' => 'your-email@gmail.com',
		'smtp_pass' => 'password',
	);

	// Loading email library with OpenSSL protocol
	$this->load->library('email', $config);

	// Creating clear line
	$this->email->set_newline("\r\n");

	// Email from to your-name@your-domain.tld
	$this->email->from($options['message_from']);

	// Email beeing sent to recipient@your-domain.tld
	$this->email->to($options['message_to']);

	// Subject text
	$this->email->subject('Subject text: '.$options['message_subject']);

	// Message text
	$this->email->message('Message text : '.$options['message_text']);
	// Sending mail
	if (!$this->email->send())
		return false;
	else
		return true;
}

Изначально вы формируете массив с конфигурацией подключения к почтовому серверу GMail. Далее при помощи сформированной конфигурации, вы инициализируете библиотеку «email», которая отвечает за отправку почты. Далее вы формируете письмо, в теле которого вы используете входные параметры функции, которые вы передаёте в неё через массив $options.

Можно также почитать:

• PHP: CodeIgniter и SSL поддержка
• PHP: функция проверки IP адреса
• Оптимизируем JAVASCRIPT Код
• PHP: Подсчет кликов — правильный путь!
• 3 способа компрессии вашего CSS при помощи PHP

class Float
  def round_to(x)
    (self * 10**x).round.to_f / 10**x
  end

  def ceil_to(x)
    (self * 10**x).ceil.to_f / 10**x
  end
  def floor_to(x)
    (self * 10**x).floor.to_f / 10**x
  end
end

num = 138.249
num.round_to(2)
# => 138.25

num.floor_to(2)
# => 138.24
num.round_to(-1)
# => 140.0

Можно также почитать:

• похожих нет

Можно также почитать:

• похожих нет

function ValidateIPAdress($value){

    if (preg_match('/^[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}$/', $value)){
        return true;
    }
    return false;
}
if( ValidateIPAdress("192.168.0.1") )
    echo("This is an IPAdress");
else
    echo("This is not an IPAdress");

Можно также почитать:

• Отправка почты через GMail при помощи CodeIgniter
• PHP: CodeIgniter и SSL поддержка
• Оптимизируем JAVASCRIPT Код
• PHP: Подсчет кликов — правильный путь!
• 3 способа компрессии вашего CSS при помощи PHP

Одним из решений является использование .htaccess файла и mod_rewrite для реврайтинга URL-ов. Но как показала практика , это решение не самое лучшее, так как через месяц Apache начал хандрить и всё порушилось, так что пришлось искать другой вариант решение проблемы.

И так , если вы используете CI , то зада очень проста в директории application/helpers вы создаёте новый helper ( если не знаете , как добавить Helper , читайте тут ) — например ssl_helper.php и записываете в него ниже следующий PHP код:

if (!function_exists('force_ssl'))
{
    function force_ssl()
    {
        $CI =& get_instance();
        $CI->config->config['base_url'] =
                 str_replace('http://', 'https://',
                 $CI->config->config['base_url']);
        if ($_SERVER['SERVER_PORT'] != 443)
        {
            redirect($CI->uri->uri_string());
        }
    }
}
function remove_ssl()
{
    $CI =& get_instance();
    $CI->config->config['base_url'] =
                  str_replace('https://', 'http://',
                  $CI->config->config['base_url']);
    if ($_SERVER['SERVER_PORT'] != 80)
    {
        redirect($CI->uri->uri_string());
    }
}

Далее в любом контроллере подгружаете Helper и вызываете его.

force_ssl();

В тех контроллерах, в которых вы не хотите, чтобы использовался данный Helper , вставьте ниже идущий код:

if (function_exists('force_ssl')) remove_ssl();

Можно также почитать:

• Отправка почты через GMail при помощи CodeIgniter
• PHP: функция проверки IP адреса
• Оптимизируем JAVASCRIPT Код
• PHP: Подсчет кликов — правильный путь!
• 3 способа компрессии вашего CSS при помощи PHP

В принципе я часто встречаю различные статьи на заграничных блогах , на эту тему — как бороться с размером и весом кода , например используя JSMin. Но данное решение всего лишь удаляет комментарии , пробелы , переносы строк — которое создаёт компрессию файла на сколько это возможно без изменения в коде.

Если вы предпочитаете , нагнать туманности на ваш JS код ( сделать код менее читаемым для других ) , то есть другой вариант — алгоритма компрессии , так называемы Paker от Дина Эдвардса , в котором на много эффективней чем в предыдущем мною упомянутом происходит обработка и оптимизация кода.

Пакующий алгоритм дружит почти со всеми формами JS кода , но для успешной работы с ним вы должны придерживаться одного правила , когда пишите свой JavaScript код — закрывайте все функции и объявления в коде , правильно!  — точкой с запятой.

Если привести некоторое сравнение , то при компрессии jQuery библиотеки — версии 1.0.3 ( оригинальный размер которой 51120 байт ) мы получаем следующие результаты , приведённые в таблице:

Так что вы видите , что при компрессии используя Gzip разница совсем не велика , в другом случае она существенна.

Всё что вам требуется для того , чтобы оптимизировать и зажать ваш JavaScript при помощи PHP — это .htaccess файл и PHP обработчик ( всё есть в архиве указанном ниже ) , который скажет вашему веб серверу обрабатывать .js файлы через PHP.

Скачать исходные файлы можно от сюда. [11kb]

Можно также почитать:

• 3 способа компрессии вашего CSS при помощи PHP
• Cheat sheets — листы подсказки для программистов
• Отправка почты через GMail при помощи CodeIgniter
• PHP: функция проверки IP адреса
• PHP: CodeIgniter и SSL поддержка

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

Прозрачный фон , используя jQuery

Кто не знает прозрачные фоны? По-моему многие пытаются использовать их в своих дизайнах и реализациях сайтов. Но благодаря тому , что долгие годы IE6 не может  нормально отображать png файлы , это было большой проблемой для всех веб дизайнеров. Несмотря на то , что существует множество методов — доступных для того , чтобы решить проблему этого дефекта IE6 , на мой взгляд этот действительно хороший , так как он даёт возможность делать любой элемент прозрачным , даже без использования png файлов на вашем сайте.

1. шаг

Для начала вам требуется добавить следующие 2 файла на вашу веб страницу:

http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js — это сама библиотека jQuery.
http://design-forge.ro/projects/opensource/transBG.jquery.plugin.js — это плагин для jQuery , который и даёт нам эффект прозрачности.

2. ШАГ

Второй шаг — это добавление кода , который отвечает за конкретные элементы в дереве DOM. Вы можете добавить его в шапку сайта , либо в отдельный «*.js» документ. Для того , чтобы конкретный объект стал прозрачным , вам требуется применить к нему функцию transBGdraw().

В данном случае вам надо знать азы работы с библиотекой jQuery , чтобы отобрать те элементы , которые вы хотите сделать прозрачными.

$("#id").transBGdraw();
$("#menu").transBGdraw();
$("#container").transBGdraw();
 
// !!!IMPORTANT!!!
// if you use tagnames or classes, make sure every object affected has a unique id.
$("div").each(function()
{ $(this).transBGdraw(); });
 
$("h6").each(function()
{ $(this).transBGdraw(); });
 
$(".class1").each(function()
{ $(this).transBGdraw(); });
 
$(".text").each(function()
{ $(this).transBGdraw(); });
 
$(".information").each(function()
{ $(this).transBGdraw(); });

Ну вот — с данным методом всё ! Так как сам часто работаю с jQuery , применяю данную методику регулярно , так как использовать громосткие коды , которые иногда идут в разрез с другими библиотеками и скриптами , очень не удобно. А в jQuery всё что вам надо , либо вместо стандартной функции обёртки $(селектор) использовать jQuery(селектор). Либо использовать специальную функцию — jQuery.noConflict().

Разные классы , для разных браузеров

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

Данное решение работает , только при использовании jQuery , так что убедитесь , что он у вас установлен. Далее , скопируйте следующий код в головную часть вашей страницы или в отдельный *.js файл.

jQuery.each(jQuery.browser,function(brow,bool) {
!!bool && jQuery(”html”).addClass(brow);
});

Возможные варианты для селектора браузера , таковы — .msie, .mozilla, .opera, .safari или.other . Вот пример CSS кода , как работать с данной реализацией:

.msie .example {
	background-color: red;
}
.mozilla {
	background-color: green;
}
.opera {
	background-color: cyan;
}
.safari {
	background-color: black;
}
.js  {
	border: 10px solid black;
}

Соответственно в зависимости от браузера вы увидите соответствующий этому браузеру цвет фона. Довольно удобное решение , но редко используется.

Колонки одинаковой высоты используя jQUery

Когда вы используете таблицы , все колонки имею одну — фиксированную высоту. В то время , когда начинались первые шаги веб-дизайна , все использовали таблицы , чтобы создавать дизайн для своих проектов — так что проблемы создания колонок одинаковой высоты не существовало. Но с приходом CSS данная проблема появилась и  стала существенной для многих разработчиков.

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

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

/*--------------------------------------------------------------------
 * JQuery Plugin: "EqualHeights"
 * by:	Scott Jehl, Todd Parker, Maggie Costello Wachs (http://www.filamentgroup.com)
 *
 * Copyright (c) 2008 Filament Group
 * Licensed under GPL (http://www.opensource.org/licenses/gpl-license.php)
 *
 * Description: Compares the heights or widths of the top-level children of a provided element
 		and sets their min-height to the tallest height (or width to widest width). Sets in em units
 		by default if pxToEm() method is available.
 * Dependencies: jQuery library, pxToEm method	(article:
		http://www.filamentgroup.com/lab/retaining_scalable_interfaces_with_pixel_to_em_conversion/)
 * Usage Example: $(element).equalHeights();
  		Optional: to set min-height in px, pass a true argument: $(element).equalHeights(true);
 * Version: 2.0, 08.01.2008
--------------------------------------------------------------------*/
 
$.fn.equalHeights = function(px) {
	$(this).each(function(){
		var currentTallest = 0;
		$(this).children().each(function(i){
			if ($(this).height() > currentTallest) { currentTallest = $(this).height(); }
		});
		if (!px || !Number.prototype.pxToEm) currentTallest = currentTallest.pxToEm(); //use ems unless px is specified
		// for ie6, set height since min-height isn't supported
		if ($.browser.msie && $.browser.version == 6.0) { $(this).children().css({'height': currentTallest}); }
		$(this).children().css({'min-height': currentTallest});
	});
	return this;
};

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

$('.container').equalHeights();

Вот реальный пример применения данной реализации:

JavaScript

$(function(){ $('#equalize').equalHeights(); });

HTML

<div id="equalize" class="container">
		<div class="box"><p>A - Lorem ipsum dolor sit amet</p></div>
		<div class="box"><p>B - consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
		<div class="box"><p>C</p></div>
		<div class="box"><p>D - Ut enim ad minim</p></div>
</div>

Вот в общем то и всё. Об остальных примерах я расскажу в следующей части этой статьи.

Можно также почитать:

• 10 JavaScript AJAX меню — табов для вас
• Заставляем IE5 и IE6 правильно понимать HTML/CSS/PNG
• Cheat sheets — листы подсказки для программистов
• Оптимизируем JAVASCRIPT Код
• Меню на Javascript с использованием слайдера

Спонсор этого поста:  автоматические ворота от rusdol.ru.

Jquery Coda Slider — довольно эффектное меню созданное на базе библиотеки jQuery со скользящим эффектом листания страниц с контентом , пример работы можно посмотреть на сайте разработчика.

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

jQuery ID Tabs — idTabs это не большой плагин для jQuery , он даёт возможность легко и просто добавить закладочное меню к вам на сайт.

Tab Accordion — довольно хороший и динамичный аккордеон скрипт с интегрированной табулированной навигацией , созданный на базе Moo.FX .

XP Style Tab Panes — Легко настраиваемый скрипт , вы размещаете ваш контент в отдельные div контейнеры , которые в дальнейшем обрабатываются JavaScript скриптом.

Ajax Tabs — навигация на базе Ajax , ничего не скажешь. Данная реализация хороша для использования в больших проектах , где JavaScript и СSS будут создавать большую нагрузку.

Tabbed Page Interface — очередное меню аналог других выше упомянутых , но также требует вашего внимания , так как возможно именно этот вариант будет для вас проще и легче в эксплуатации.

jQuery Nested Tab Set — для данной реализации закладочного меню , вам потребуется последняя версия jQuery. На сайте разработчика довольно подробно расписана инструкция по установке данного меню.

Ajax Tabs Reloaded — аналог табулированного меню на базе AJAX , но данная реализация несёт в себе возможность обновления отдельных табов.

Tabs in Scriptaculous — данный скрипт даёт вам возможность создать интерактивное меню для использования в ваших аппликациях.

Быстро и не дорого , монтаж и установка гаражных автоматических ворот hormann для вашего дома , гаража , склада.
Играете в WoW ? Оригинальный цитатник : BashWoW.ru — цитатник WoW. Для — задротов

Можно также почитать:

• Javascript решения популярных css проблем — Часть 1
• Ajax debugging tools
• Оптимизируем JAVASCRIPT Код
• Меню на Javascript с использованием слайдера
• Cheat sheets — листы подсказки для программистов

Данный рейтинг разработан маркетологом Ольгой Ивановой , кто в общем то и является хозяином или так сказать хозяйкой блога epochta.ru. Статистика данного рейтинга составляется исходя из 6 параметров , которыми являются — число подписчиков в FeedBurner , рейтинг Alexa ( но как сообщается в данном сервисе , есть одно НО — так как Alexa не выдаёт рейтинг для сабдоменов livejournal.com и intwayblog.net , то в данном случае этот параметр обнуляется ) , далее рейтинг в Yandex и PR , а также наличие в dmoz каталоге и рейтинг от Technorati. В конечном результате выводится сумма балов , по которым ваш блог и сортируется в данной статистике.

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

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

Себя я добавил и теперь буду следить за результатом , но пока что конечно же на что то грандиозное рассчитывать не стоит , всё ведь еще впереди

Можно также почитать:

• Новые и даже нужные полезности в моём блоге