JavaScript

jQuery API

Cуществуют множество сайтов описывающих jQuery API, вот небольшой перечень:

Сегодня мне показали еще один, мне кажется самый удобный – jqapi.com/

Если кто знает еще какие-либо ресурсы – оставляйте их в коментариях

Tags: , , ,

Вторник, Ноябрь 16th, 2010 JavaScript, jQuery 3 Коментариев

Видео курс – “JavaScript. Больше, чем просто сайт”

Видео курс javascript

На днях мне удалось впервые посмотреть видео курс о JavaScript на русском языке. Мне его предоставили бесплатно для обзора на блоге, без каких-либо требований, так что обзор постораюсь написать наиболее непритязательно. О а как звучит – “JavaScript. Больше, чем просто сайт”! При просмотре рекламного ролика с их промо-сайта – действительно начинаешь в это верить :)

Но увы мы живем во времена, когда различного рода информация переполняет просторы интернета, и зачастую она некачественная, поэтому доверять информации мы можем только после проверки. Я посмотрел этот видео курс, и захотел рассказать вам непосредственно о моем впечатлении.

› Подробнее

Tags: ,

Запрет выделения текста с помощью jQuery

На практике мне часто приходится применять данный функционал. Но чаще не из-за того что бы запретить выделение для копипастеров, тем более что данная фича легко обходится просто выключив на время javascript. А чаще в проектах где приходится крутить слайдеры, кастомные скролы, drag&drop. Т.к. здесь активно участвуют события нажатия и перетаскивание которые также выделяют текст на сайте… хотя это не требовалось. Поэтому я часто пользуюсь данными функциями…

jQuery.fn.extend({
    disableSelection : function() {
            this.each(function() {
                    this.onselectstart = function() { return false; };
                    this.unselectable = "on";
                    jQuery(this).css('-moz-user-select', 'none');
            });
    },
    enableSelection : function() {
            this.each(function() {
                    this.onselectstart = function() {};
                    this.unselectable = "off";
                    jQuery(this).css('-moz-user-select', 'auto');
            });
    }
});

// кроссбраузерный вызов
$(document).ready(function(){
    $('body *').disableSelection();
});

$(‘body *’) – именно такой селектор будет для этих метов кроссбраузерным, просто $(‘body’) или $(document) – не работает в Opera.

  • disableSelection – запрет выделения
  • enableSelection – возврат выделения

Ничего нового я в этой статье не открыл, а просто хотел поделится функциями с вами, т.к. до определенного момента вечно искал что-то подобное в инете.

Tags: , , ,

Masonry – динамический layout

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

На скрине наглядно видно эффект плагина. До применения все блоки обтекают друг друга из-за чего получается некрасивые строки и много свободного места, а после блоки расставлены наиболее оптимальным образом.


› Подробнее

Tags: , , ,

Воскресенье, Март 21st, 2010 JS Plugins, JavaScript, jQuery, Верстка 9 Коментариев

Текстовые редакторы на javaScript

Если вы хотите повысить функциональность Вашего сайта – этот материал для вас. Одна фича которая есть практически в каждой CMS – текстовый редактор, поэтому хочу вас познакомить с 5 лучшими, на мой взгляд, скриптами.



› Подробнее

Tags: , ,

Понедельник, Март 1st, 2010 JS Plugins, JavaScript, Полезные ссылки 5 Коментариев

Скролящийся блок

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

› Подробнее

Tags: , ,

Воскресенье, Январь 10th, 2010 JS Plugins, JavaScript, jQuery 5 Коментариев

Открыта библиотека плагинов Mootools

Наконец-то на официальном сайте mootools.net открыта библиотека плагинов для этого фреймверка. Надеюсь она будет также активно развивается и пополнятся интересными плагинами как библиотека плагинов для jquery, где всегда можно найти кучу всего интересного.

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

P.S. Если бы они еще сделали примеры для методов фреймверка…

Tags: , ,

Пятница, Декабрь 11th, 2009 JavaScript, Mootools, Полезные ссылки 5 Коментариев
Rotaban.ru - биржа банерной рекламы