От известно време използвам един малък script на GIT post-merge hook за един от проектите си (M Simple Nav).
Днес го доработих, така че да бъде малко по-гъвкав и реших да го споделя с хората, които също имат проекти под GIT и биха искали лесно да minify-ват всичките си JS файлове в един:
прочети GIT post-merge hook за комбиниране и minify-ване на JavaScript
В предния урок показах как можем с помощта на 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. В този кратък урок ще допълним няколко реда, които да се погрижат сайтът ни да работи правилно и на този браузър
През последните месеци на няколко различни места видях подобен ефект: https://magadanski.com/demo/partition/. Самият ефект изглежда доста просто – кръгчета с различни размери, разположение на произволно място върху фона. Нека добавим и частична прозрачност да кръгчетата и glow ефект по периферията им и получаваме точно моя пример.
И все пак липсва една малка дизайнерска част. В момента цветовете са твърде произволни. Като имам отново малко свободно време ще трябва да си проиграя малко и да видя как точно да генерирам произволни, но в определени граници цвят. Може би като за начало ще ми трябва да опраделя един базистен, който бих използвал и във фона. Във всеки случай ще ми трябва малко теория на цветовете, за да видя как мога да генерирам такива, които да си подхождат.
Дойде време и за втората част от урока, в която ще представим и най-новите възможности на браузърите във връзка с deep linking. С помощта на history.pushState() (част от HTML5 history JS API-то) ще променим цялостния адрес на страницата, а не просто добавяйки hash.
В последните два урока представихме как можем да добавим AJAX презареждане на страниците в нашия сайт включително и с кеширане на информацията. Естественият ход на развитие на един сайт, а и коментари към уроците, предполагат да добавим и deep linking.
