Tillbaka efter en del inaktivitet på grund av ett gäng olika saker men mest lathet skulle jag vilja säga.
Jag har under en tid vidareutvecklat linuspersson.net och har nu publicerat dessa förändringar. Mestadels så är det förändring och optimering av kod jag har sysslat med och det mesta är inte synligt för ögat.
Det här har hänt:
- Kontaktformuläret som var byggt med AJAX.NET har jag bytt med egenutvecklad jQuery och jQuery.ajax
- Jag har ändrat i och skrivit om html strukturen så att den nu är mer logisk, användarvänlig och tillgänglig
- Jag har även rensat en del i html koden, tagit bort onödiga element vid tillfälle och tagit bort onödiga CSS klasser
- Under showcase har jag bytt ut ett gammalt jQuery plugin mot ett som jag tycker fungerar bättre och som jag vidareutvecklat lite själv. Här har jag även utvecklat ett server-side skript som dynamiskt hjälper mig att generera olika stora bilder beroende på webbläsarfönstrets storlek
Detta har jag vunnit:
- Mer lättläslig kod
- Mindre kod (snabbare laddning av sidor)
- Bättre html struktur (användarvänlighet, tillgänglighet, sökmotoroptimering)
- Mer kontroll över min egen kod genom att skriva egna funktioner
Som jag nämnde tidigare har jag rensat i min html kod, några exempel på detta skulle kunna vara:
Rensning av onödiga html element
HTML före:
<div id="meny">
<ul>
<li><a href="">Menyobjekt</a></li>
<li><a href="">Menyobjekt</a></li>
</ul>
</div>
HTML efter:
<ul id="meny">
<li><a href="">Menyobjekt</a></li>
<li><a href="">Menyobjekt</a></li>
</ul>
Rensning av onödiga CSS klasser
HTML & CSS före:
<div id="menywrap">
<ul id="meny">
<li class="menyobjekt"><a class="menyankare" href="">Menyobjekt</a></li>
<li class="menyobjekt"><a class="menyankare" href="">Menyobjekt</a></li>
</ul>
</div>
#menywrap {regler..}
#menywrap #meny {regler..}
#menywrap #meny .menyobjekt {regler..}
#menywrap #meny .menyobjekt .menyankare {regler..}
HTML & CSS efter:
<div id="meny">
<ul>
<li><a href="">Menyobjekt</a></li>
<li><a href="">Menyobjekt</a></li>
</ul>
</div>
#meny {regler..}
#meny ul {regler..}
#meny ul li {regler..}
#meny ul li a {regler..}
Genom att rensa i koden kan vi spara ”bitar” lite här och där, det kanske inte är mycket men ”många bäckar små” som det heter. Detta hjälper webbläsaren rendera våran kod snabbare och det spar serverplats.