Unslider: респонсивный jQuery слайдер для сайта

Unslider – крошечный (< 3 Kb минифицированная версия), но полноценный адаптивный слайдер любого типа html-контента сайта.

jQuery: обработка динамически добавленных элементов c DOM Mutation Observer

Большинство статей на тему динамически созданных элементов сводятся к использованию метода .on() в jquery. И он бесспорно хорош, но только для случаев, когда надо на элементы вешать события.

Glide.js: адаптивный слайдер с поддержкой touch-устройств

Glide.js - jQuery плагин для создания слайдеров, который в сжатом виде занимает всего 4.5Kb.
Помимо небольшого размера он еще отличается поддержкой touch-устройств, что позволит использовать его на мобильных устройствах.

jQuery Flat Shadow: плагин для создания длинных теней (long shadow)

Длинные тени ("long shadow") - новый тренд в веб-дизайне, который позволяет добавить "глубины" плоским элементам дизайна.

Owl Carousel: адаптивный слайдер с поддержкой Touch Screen

Owl Carousel: бесплатный jQuery-плагин, который позволяет очень быстро и просто добавить функциональный адаптивный слайдер с поддержкой управления пальцами на touch-девайсах.

SpreadJS - таблицы для интернет приложений с функционалом Excel

18 января вышел альфа-релиз SpreadJS - js библиотека, дающая возможность быстрого и простого внедрения полноценных таблиц (как Excel) на сайты.

Бесплатные темы для jQuery UI

jQuery UI - набор компонентов и виджетов для jQuery, позволяющий создавать удобные и понятные пользовательские интерфейсы. Он состоит из популярных виджетов: datepicker, slider, accordion и многих других.

Кроме того, jQuery UI позволяет использовать темы. Есть даже ThemeRoller, позволяющий создавать свою собственную тему. Но при этом это все еще будет тема от jQuery UI и подобную можно увидеть на каком-нибудь еще сайте.

Если вам нужна очень удобная и гибкая в настройках тема (как Bootstrap или Windows Metro), то вот небольшой список доступных бесплатных тем.

jQuery UI Bootstrap

Сортировка строк таблицы при помощи jquery ui Sortable (проблемы с шириной td)

При попытке сортировки строк в таблице:

<table class="grid" id="sort" title="Kurt Vonnegut novels"><thead>
<tr><th>Year</th><th>Title</th><th>Grade</th></tr>
</thead>     <tbody>
<tr><td>1969</td><td>Slaughterhouse-Five</td><td>A+</td></tr>
<tr><td>1952</td><td>Player Piano</td><td>B</td></tr>
<tr><td>1963</td><td>Cat's Cradle</td><td>A+</td></tr>
<tr><td>1973</td><td>Breakfast of Champions</td><td>C</td></tr>
<tr><td>1965</td><td>God Bless You, Mr. Rosewater</td><td>A</td></tr>
</tbody> </table>

с помощью конструкции вида:

$("#sort tbody").sortable().disableSelection();

мы видим следующее:

Аналог document.createElement в jQuery

Иногда возникает ситуация, когда надо создать элемент на странице с помощью JS. И jQuery вроде подключена, и писать по старинке document.createElement как-то некруто )

Все просто.

jQuery('<div />').attr('id','my_div');// создаст div с id=my_div

И никаких дополнительных плагинов или еще чего-то не нужно.