В предния урок показах как можем с помощта на jQuery UI да добавим tabs widget в някоя HTML страница. Това, което ще добавим сега е deep linking за отделните табове.
Като за начало аз лично съм сменил съдържанието на отделните табове, за да разграничаваме по-лесно, че в момента сме на различен таб.
В този урок ще продължим работа с файловете, които използвахме в примера за deep linking (само не забравяйте да си оправите стойността на
Урокът ще бъде разделен на две части — в първата ще опишем точно какви файлове ви трябват, от къде да си ги изтеглите, как да ги добавите в страницата си и как да инициализирате табовете. Ако се чувствате достатъчно уверени в това, може просто да изчакате втора част от урока, където ще добавим интеграция с jQuery Address, за да не остане deep linking-ът, който вече имаме само частичен.
Преди 3 седмици написах blogpost, в който показвам demo на един partition ефект, който в последно време ми се струва доста нашумял. От тогава насам ми се случи да го срещна на още 2 места, което потвърждава разпространеността на ефекта, а днес най-сетне намерих от къде идва. Даже си и спомних, че за първи път съм го видял именно там. Ефектът тръгва от default cover картинката на профил в Google+ (https://www.google.com/search?q=google%2B+default+cover+photo&hl=en&safe=off&source=lnms&tbm=isch&sa=X&ei=6-NEUdehKIantAab44DQDA&ved=0CAoQ_AUoAQ&biw=1304&bih=707).
Завършвайки втора част на урока за deep linking споменах, че сайтът, който сме направили в момента не поддържа IE7. В този кратък урок ще допълним няколко реда, които да се погрижат сайтът ни да работи правилно и на този браузър
През последните месеци на няколко различни места видях подобен ефект: http://magadanski.com/demo/partition/. Самият ефект изглежда доста просто — кръгчета с различни размери, разположение на произволно място върху фона. Нека добавим и частична прозрачност да кръгчетата и glow ефект по периферията им и получаваме точно моя пример.
И все пак липсва една малка дизайнерска част. В момента цветовете са твърде произволни. Като имам отново малко свободно време ще трябва да си проиграя малко и да видя как точно да генерирам произволни, но в определени граници цвят. Може би като за начало ще ми трябва да опраделя един базистен, който бих използвал и във фона. Във всеки случай ще ми трябва малко теория на цветовете, за да видя как мога да генерирам такива, които да си подхождат.
Дойде време и за втората част от урока, в която ще представим и най-новите възможности на браузърите във връзка с deep linking. С помощта на history.pushState() (част от HTML5 history JS API-то) ще променим цялостния адрес на страницата, а не просто добавяйки hash.
