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();

   });

});

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.

Utan vidare omsvep hänvisar jag till min jQuery avdelning eller direkt nerladdning via:
fadeAccordion.1.0.jquery.js

Jag är nybörjare på området. Så ha förbarmande i er kritik.

Det blev aningen mer kod än jag räknat med över 300 rader. Man får räkna bort några som är kommentarer. Dock skenade kreativiteten iväg och jag petade in lite olika funktionalitet jag önskade se i scriptet. Resultatet blev inte så tokigt tycker jag. Ta en titt får du se.