Архив автора: verian

Jquery селекты

Найти ближайший предыдущий элемент с заданным классом в jQuery
$prevSpecial= $( ‘#myComment’ ).prevAll( ‘.specialClass:first’ );

Вставка контента в конец элемента
$(‘#element-id’).append(content);
$(‘element-id’).insert(content);
// ‘append’ так же доступен
$(‘element-id’).append(el1[, el2, ....]);
$(‘#element-id’).appendTo(element);
$(‘element-id’).insertTo(element);

Вставляем контент в начало элемента
$(‘#element-id’).prepend(content);
$(‘element-id’).insert(content, ‘top’);
$(‘#element-id’).prependTo(element);
$(‘element-id’).insertTo(element, ‘top’);

Считывание атрибута
$(‘#element-id’).attr(‘title’);
$(‘element-id’).get(‘title’);

Установка атрибута
$(‘#element-id’).attr(‘title’, ‘Boo hoo!’);
$(‘element-id’).set(‘title’, ‘Boo hoo!’);

Удаление атрибута
$(‘#element-id’).removeAttr(‘title’);
$(‘element-id’).erase(‘title’);

Проверка существования атрибута
$(‘#element-id’).attr(‘title’) === undefined;
$(‘element-id’).has(‘title’);

Полезные JavaScript’ы

Слайдеры:

Slides.jquery.js

Slides-SlidesJS-1.1.8 использован во многих проектах. Простой. Эффекты: slide и fade

Сайт: slidesjs.com на сайте уже другая новая версия. С другими опциями.

Карусели:
jCarisellite
Сайт плагина

Онлайн инструменты

Список неплохих онлайн инструментов:

Конвертеры веб шрифтов

IE:fix

Ну в IE косяков предостаточно:

  1. Изображению вставленному в тег <a> IE добавляет border. Исправляется легко:a img{ border: none; }
Запись опубликована автором в рубрике IE с метками .

Chrome:hack

Если какой то из браузеров ведёт себя не адекватно — приходиться применять хаки. Итак хак для Chrome:

@media screen and (-webkit-min-device-pixel-ratio:0) { #tools a div span{padding: 4px 10px;} } /* Хром хак */