Categories
School

Интересно…

Попаднах на няколко интересни страници- някой от тях свързани с jquery, други с типографията на уеб страниците… таа ето едно по едно.

 

1. Много интересно решение – скрипт, който върши доста интересни неща. Все още бета- но мисля че си заслужава да му се обърне внимание. (дава информация за браузъра, дали поддържа HTML5, CSS3, разделителна способност, поддържане на атрибути и други…)

HEADJS he HEAD section is the worst place to load scripts. It’s painfully slow. The more and the bigger the worse it gets. Move the scrips to the end of the page and you cannot use HTML5 and CSS3 safely or you run into dependency problems. Enter Head JS. The single best solution to this universal problem.

Eто и страничката : http://headjs.com/

 

2. Списък от други плъгини, макар и познати- полезни ас тхъ хелл Winking smile http://www.queness.com/post/5773/9-brilliant-jquery-plugins-and-tutorials

 

3. Доста интересна статия за типографията и шрифтовете: http://www.instantshift.com/2010/11/29/why-typography-is-the-soul-of-web-design/

UPDATE … и 4-тири … нещо страхотно : http://wijmo.com/ – туй е като jQuery UI, но с неща, които биха били изключително полезни Smile

Categories
Other

Интересен ефект…

Попаднах на доста приятен плъгин за jquery. Идеята му е да се получи нещо като анимиран хедър (примерно). Не знам дали ще го използвам за някъде- но предполагам ще е полезен.

 

демо : http://webdev.stephband.info/parallax_demos_type.html

линк : http://webdev.stephband.info/parallax.html

Categories
HTML, CSS, JavaScript School

jQuery fade toggle – как?

Ето един вариант как да имаме fade toggle за даден елемент.  По принцип имаме възможност да ползваме $(‘element’).toggle() – което прави hide() or show() на желания елемент. Но не можем да му дадем коя анимация да ползва. Затова варианта е следния:

1. създаваме анонимна функция /трябва да се добави в основния ви javascript файл или в head-а./- те тва е тя:

jQuery.fn.fadeToggle = function(speed, easing, callback) {
   return this.animate({opacity: ‘toggle’}, speed, easing, callback);
};

2. използваме я 🙂 по същия начин като toggle но с fadeToggle() – $(‘element’).fadeToggle();

Успех.