Använd den som startpunkt för ditt projekt om du inte vill skapa allt från scratch. Det är ingen heltäckande boilerplate men den kan få igång dig snabbt.

Den skapades först och främst för mitt eget bruk men jag ville dela med mig av den till andra som kan ha nytta av boilerplaten.

Håll till godo

Se menyn till vänster eller klicka här nedan:
HTML5 Boilerplate

Första scriptet att flyttas till bloggen är Exclusive Accordion v2.0.

Jag ska skapa demo sidor som går hand i hand med dessa script.

Ha tålamod medan allt överförs. Under tiden kan du besöka den äldre jQuery siten.

$(document).ready(function(){

   /* Vars for performence caching */
   var cH = $('.cHolder');
   var cT = $('.toggler');

   /* some settings vars */
   var easeName = 'easeOutBack';
   var slideDur = 2000;

   /* Hide the content and load in some example text from lipsum.php with AJAX into the inner DIV */
   cH.hide(0);
   cH.find('div.lipsum').load('lipsum.php');

   /* Start with the first content holder open at page load */
   cH.first().show(0);

   /* the event handler responsible for toggling content */
   cT.on('click', function(e)
   {

      /*
         We save this object to compare later with the
         current looped toggler object further down.
      */
      var clickTargetObj = $(this);

      /* Loop through all togglers */
      cT.each(function(index, theElement)
      {

         /*
            We check to see if the current iteration $(this) object
            match with the $(this) clicked object outside our loop.
            If so, then the .is() method returns TRUE and we act upon that.
         */
         var curTargetObj = $(this);

         if(clickTargetObj.is(curTargetObj))
         {

            /*
               Use the current iteration object with the .next()
               method to find out wich content holder to toggle.
            */
            curTargetObj.next().slideToggle(slideDur, easeName);

         } else {

            /*
               If the current iteration object is not the same as the clicked toggler  we
               use the .next() method instead to hide the content holder right after it.
            */
            curTargetObj.next().slideUp(slideDur, easeName);

         }

      });

      e.preventDefault();

   });

   /* the event handler responsible for closing all open content containers */
   $('.cAll').on('click', function(e)
   {

      /*
         We use the .slideUp() method here because it will slide up all open containers.
         If we would have used the .slideToggle() method the closed ones would
         open and the open ones close and there would be chaos.
      */

      /* close all open content holders */
      if($(this).attr('title') === 'closeAll')
      {
          cH.slideUp(slideDur, easeName);
      }

      /* Open all closed content holders */
      if($(this).attr('title') === 'openAll')
      {
          cH.slideDown(slideDur, easeName);
      }
      e.preventDefault();

   });

});

Vissa problem kan uppstå vid dessa justeringar så jag ber er besökare ha överseende med detta.

Länge har jag funderat på att skapa ett nytt theme som är ”luftigare” och fokuserar på texten och innehållet. Nyckelord är lättläst, rent, tydligt, och rena klara färger.

Det är en riktigt fin maskin där endast dom finaste delarna som samspelar fick plats. Jag anser att delarna ska spela tillsammans perfekt som i en symfoni orkester. Och det spelar ljuvligt. Jag käkar n00bs i Battlefield 3 till frukost och utan att det hackar minsta lilla.

Tanken som min bror och jag kom fram till var att maskinen ska vara ett tag, och det endast skall vara nödvändigt att byta ut vissa delar för att hålla prestandan på topp om det skulle behövas.

Det jag känner mig extra stolt över är att jag skruvade ihop maskinen själv, vilket var ett par år sedan. Man har inte haft råd eller tid. Men nu blev det av. Vill också rikta ett tack till min kära far som hjälpte mig skruva fast den helt enorma processor kylaren som var stor som en halv modern brödrost och där installations förfarandet lämnar en del att önska. Ni kommer förstå när bilderna visas i kommande post.

Tack till min mamma som stöttat mig när jag svurit eller varit stressad över någon detalj i bygget och tack till min bror för all teknisk rådgivning vid köp och bygge.

Specifikationer och bilder kommer i en separat post senare.

Tills vidare ha det bra och titta tillbaka ofta för nya länkar och jQuery script.

Vidare så har jag varit desto mer aktiv i min jQuery avdelning, där min förhoppning är att ni besökare finner intressant information och idéer till egna jQuery script.

Jag har som vanligt många planer och projekt i mitt huvud som är tänkta att förverkligas nästa år. Bland annat så står en liten utseende ändring av bloggens tema som en stor milstolpe. Även att försöka bli mer aktiv på bloggen.

Har haft funderingar kring att posta länkar i blogg form när jag lägger till nya i länk arkivet. Som en slags sammanfattning av dom jag tycker är relevanta.

Vidare finns tankar kring att skriva lite guider och hjälpmedel för vanliga dödliga datoranvändare som inte betraktar sig som så kallade ”Dator nördar”.

Då det varit lite kommenterande på bloggen så har jag svårt att avgöra vad ni besökare tycker om det jag skriver, så var icke blyga utan lämna gärna en trevlig och saklig kommentar.

Planer finns även att försöka skriva mer om mina huvudintressen så som film, Musik, Datorer, Mjukvara, Teknik, Plus mycket mer.

Ibland kan jag vara lite blyg vad det gäller att skriva då man är rädd för hur ens texter skall tagas emot av läsaren. Jag får helt enkelt ta mod till mig.

Sammanfattningsvis så ser jag fram emot år 2012 och har många intressanta saker att ta tag i.

Vill tacka min familj, släkt och kära vänner som förgyller min vardag och liv.

God Jul och Gott nytt år.