Archive

You are currently browsing the CompuPro - веб дизайн, Ajax, jQuery blog archives for Июнь, 2009.

Июн

29

jQuery плагин linkNotify - просто и изящно!

By masster

Как

Все очень просто - когда пользователь щелкает по ссылке, появляется надпись - “Loading …” (”Идет загрузка …”).

Зачем?

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

Исходный текст плагина

(function($) {
	$.fn.linkNotify = function (notification) {
		notification = notification || 'Loading…';
		this.not('[href^="#"]').each(function () {
			$(this).click(function () {
				$(this).html(notification);
			});
		});
		return this;
	};
})(jQuery);

Как это использовать?

$(function () { // DOM загружена
$('a').linkNotify(); // выводим "Loading..." когда кто-то щелкает по ссылке
$('#content a').linkNotify('Loading your next page'); // выводим 'Loading your next //page' на всех ссылках   внутри  #content div

});

Скачать

Cкачать

Источник: http://briancray.com

Июн

28

27 текстур в стиле гранж для вашего сайта

By masster

grunge texture

27 JPEG |RAR 34 Mb

Скачать

Июн

28

70 текстур в стиле гранж для вашего сайта

By masster

grunge

70 JPG | 5175×3375 | 300dpi | 1.4Gb>

Скачать
Скачать (зеркало)

Июн

27

Совет дня: ссылка как кнопка submit

By masster

Иногда бывает необходимо заставить ссылку работать как кнопку “Submit” - т.е. чтобы при клике по ссылке данные формы отправлялись на сервер. Сделать это просто:

.... Готово

Июн

25

CSS: em и пиксели - как сделать жизнь легче?

By masster

body {
font-size:62.5%;
}

Если установить такой размер шрифта как отправную точку для всех шрифтов на странице, то 1em будет точно равен 10 пикселей, 1.5 em - 15 пикселей. Жизнь становится легче :)

Июн

25

Веб разработчикам: PSD заготовки с учетом рабочих пространства для разных браузеров

By masster

Если вы создаете дизайн сайта в Adobe Photoshop, то всегда возникает проблема выбора размеров. У каждого браузера - свое рабочее пространство, которое необходимо принимать во внимание при верстке веб-страниц сайта. Этот набор заготовок - файлов в формате Adobe Photoshop позволит контролировать рабочее пространство в разных браузерах и в различных операционных системах.
safe area