-->

Hej, då var jag tillbaka. Det var ett tag sedan nu, sorry för det.

Det jag ska visa idag är hur man väldigt snabbt och enkelt skapar en tabbad layout med hjälp av jQuery UI, för att jag ska kunna göra det så snabbt som möjligt så har jag ett program som heter Texter installerat till min hjälp. Det hjälper mig inte bara att skriva koden snabbt utan också rätt. Eftersom texten är fördefinerad så vet jag att allt är rättstavat.

Börja med att ladda hem Texter Ladda sedan hem mina Hotstrings packa upp dem på valfritt ställe, öppna Texter och välj “Bundles > Import” i menyn, bläddra fram de uppackade filerna och importera.

Ladda sedan hem jQuery UI och tabs kryssa i UI Core oh Tabs. Använd sedan js-filen och css-filen i det paket du laddade ner. Så nu är du redo att följa med i screencasten.

Målet är ju att tjäna så mycket tid som möjligt på små saker man skriver väldigt ofta. Visst det går att kopiera och klistra in, men det betyder att så fort du ska bryta det mönster du har (t ex att klistra in p-taggar) så måste du flytta markören till det nya du vill ha markera det och kopiera, flytta markören till stället du var på och sedan börja klistra in. Även om det bara tar 5-10 sekunder att göra det så tjänar man på detta sätt in dessa och om du tjänar 10 sek på något du gör ett par hundra gånger om dagen så blir  det väldigt mycket till slut.

Det hela är såklart väldigt enkelt, man skapar en hotstring i Texter och väljer vilken knapp som ska vara sk. trigger (jag använder tabb) sen när jag t ex. skriver html och trycker tabb så skriver den ut allt jag fördefinerat i texter.

Har du några frågor, synpunkter eller önskemål är du välkommen att skriva en kommentar.

Klicka här för att ladda hem filmen

Ha det bra och lev och må!


blog comments powered by Disqus