В предния урок показах как можем с помощта на jQuery UI да добавим tabs widget в някоя HTML страница. Това, което ще добавим сега е deep linking за отделните табове.
Като за начало аз лично съм сменил съдържанието на отделните табове, за да разграничаваме по-лесно, че в момента сме на различен таб.
В този урок ще продължим работа с файловете, които използвахме в примера за deep linking (само не забравяйте да си оправите стойността на
Урокът ще бъде разделен на две части – в първата ще опишем точно какви файлове ви трябват, от къде да си ги изтеглите, как да ги добавите в страницата си и как да инициализирате табовете. Ако се чувствате достатъчно уверени в това, може просто да изчакате втора част от урока, където ще добавим интеграция с jQuery Address, за да не остане deep linking-ът, който вече имаме само частичен.
Като продължение на последните си две публикации искам да кажа още няколко думи по въпроса как можем да пишем markup-а си така, че той да е наистина удобен и полезен за посетители и роботи, без да правим компромиси със стари браузъри (въпреки, че аз съм „ЗА“ прекратяване на поддръжката на IE7/8 примерно). В този урок ще поговорим за предимствата, които ARIA ни предлага
В предния си урок засегнах въпроса за новите тагове в HTML5 и доколко те всъщност са облекчение при създаването на сайтове и доколко са ненужни. В този урок ще продължим с това какво точно трябва да направим, за да могат посетителите на сайта, които използват стари браузъри – например IE 8, да виждат правилно съдържанието.
прочети Разлики в HTML4 и HTML5 – как да използваме новите тагове в старите браузъри
С последния си урок поставих началото на една нова „рубрика“, в която отговарям на въпроси, давам насоки, изказвам мнение по въпроси, които съм видял, че са търсени от посетители на сайта. Тук ще поговорим малко за новите тагове в HTML5, разликите им с тези от HTML4, смисълът от тях, преимуществата и недостатъците при използването им.
Този урок се пада продължение на двата урока за създаване на начална страница с хедър и навигация тук и тук. В тази трета част ще направим малко допълнения към съдържанието на страницата.
Продължаваме урока за началната страничка, която започнахме предния път. В този урок добавяме абсолютно позиционирано заглавие над header картинката, като оправяме един малък проблем с IE7 по въпроса, добавяме малка част същинско съдържание на сайта като използваме float-нати елементи, като оправяме някои от свързаните с тях проблеми с clear елементи, както и такива, които имат стил overflow: hidden.
Ето го и първия ми видео урок. След като вече в няколко урока представих основната и главно теоретична част относно първи стъпки в правене на сайтове, смятам, че следва да се представя по-практически код, който е най-добре да се обяснява в процеса на писане – във видео.
