среда, 21 марта 2012 г.

jQuery File Upload

Ура! Еще один, свеженький… чем он лучше других? Дока


а) Новенький! Всегда кто берется что-то делать, то обычно смотрит, есть ли смысл, и если есть — делает это.
б) Красивенький! Можно не точить, а ставить из коробки. Основан на Bootstrap'е и иконках Glyphicons
в) Само собой мультиселект файлов, Drag&drop, Прогрессбар и превьюшки фотографий.
г) Поддержка кросдоменного соединения, докачка и ресайз фоток на стороне клиента.
д) Готов для любой платформы сервера (PHP, Python, Ruby on Rails, Java, Node.js, и тому подобное.)

blueimp.github.com/jQuery-File-Upload/

Поддержка браузеров:

github.com/blueimp/jQuery-File-Upload/wiki/Browser-support

Apache-Ubuntu-VirtualBox Виртуальный web сервер в Windows


В этой статье я расскажу о том:  как настроить «виртуальную локальную сеть» (ВЛС) с помощью программы VirtualBox, создать «виртуальный компьютер» (ВК), установить на нем ОС UBUNTU с web-сервером Apache.
В качестве основы для создания данной конфигурации, подойдет любой более-менее современный компьютер, с установленной на нем ОС семейства Windows. Точно подойдут XP, Vista, Win7 (подойдет и Linux т.к. VirtualBox «мульти-платформенный», будут только отличаться настройки «взаимодействия сетей»).

вторник, 20 марта 2012 г.

Ждем загрузку картинок Jquery - waitForImages


Usage

Standard

Just provide a callback function and it will be called once all descendent images have loaded.
$('selector').waitForImages(function() {

    alert('All images are loaded.');
    $(this).slideUp();
});
this is a reference to the element that waitForImages() is called on.

Advanced

You can pass a second function as a callback that will be called for each image that is loaded, with some information passed as arguments.
$('selector').waitForImages(function() {

    alert('All images have loaded.');

}, function(loaded, count, success) {

   alert(loaded + ' of ' + count + ' images has ' + (success ? 'loaded' : 'failed to load') +  '.');
   $(this).addClass('loaded');

});
You can also set the third argument to true if you'd like the plugin to iterate over all elements, checking for images referenced in the CSS (by default, it looks at the background-imagelistStyleImageborderImage and borderCornerImage properties). If it finds any, they will be treated as an image and loaded.
The callback will be called on the successful and unsuccessful loading of the image. Check the third argument to determine the success of the image load. It will be true if the image loaded successfully.
Alternatively, you can pass an object literal to the plugin, instead of the arguments individually.
$('selector').waitForImages({
    finished: function() {
        ...
    },
    each: function() {
       ...
    },
    waitForAll: true
});
You may also set the CSS properties that possibly contain image references yourself. Just assign an array of properties to the plugin.
$.waitForImages.hasImgProperties = ['backgroundImage'];
waitForImages also exposes a custom selector, :uncached, which when used in conjunction with the img selector, allows you to select img elements that are not cached already by the browser.
$('img:uncached').attr('title', 'Loading Image');


https://github.com/alexanderdickson/waitForImages 

среда, 14 марта 2012 г.

Директива RewriteRule .htaccess


Директива RewriteRule и есть настоящая рабочая лошадка преобразований. Эта директива может встречаться более одного раза. Каждая директива, в этом случае, определяет одно правило преобразования. Порядок определений этих правил важен, потому что этот порядок используется при обработке правил во время работы.
Шаблон это perl совместимое регулярное выражение которое применяется к текущему URL. Здесь под "текущим" подразумевается значение URL когда применяется это правило. Этот URL не обязательно совпадает с первоначально запрошенным URL, потому что любое количество правил возможно уже были применены к нему и соответственно преобразовали его.

Определяет правила для механизма преобразований 


http://htmlweb.ru/php/htaccess-mod_rewrite-rewriterule.php 

вторник, 13 марта 2012 г.

HTML 5 and CSS 3


HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along. 

пятница, 2 марта 2012 г.

Как убрать аттрибуты тэга и лишние теги

Как убрать аттрибуты тэга

Элементарно!1. Вырезать все тэги, которые не попадают под стандарты W3C (порой проще оставить только те, которые могут использоваться, и аттрибуты, которые позволительно использовать) ( это делается с помощью массива тегов и одного регулярного выражения )
Обычно, на сайтах все элементы (заголовки, абзацы, списки и проч., в том числе и таблицы) стилизованы. И правила для их вывода уже определены. Это исключает использование в "текстах" классы и стили. Убивайте все на корню!2. Убрать все inline стили и классы, которые плодит Word
Пожайлуй, вы получите после этого чистый текст.