Arkiv för april, 2009

Däckhuset i Kalmar

torsdag, 30 april, 2009

Vi förespråkar Google och försöker från och till illustrera hur effektivt en spridningen av budskap kan ske via internet med hjälp av Google. Idag sökte jag efter en rekommendation på ”Däckhuset i Kalmar”, i resultaten kan man se hur en besviken kund använt en blogg för att uttrycka sina negativa åsikter. Ytterligare lite längre ner kan man se hur Däckhuset i Kalmar försöker stämma bloggaren för att han hamnar så högt på Google.

Alla som diskuterar detta borde förstå att det är inga som helst problem att lista 10 sökningar som ligger över den klagande personen. Om Däckhuset i Kalmar hade gjort det istället så hade diskussionen aldrig kommit upp. Men iaf, det är ett lite spännande exempel på hur Google inte bryr sig om vad som skrivs utan bara ser vilken sida som publicerat innehållet. Är inlägget bra optimerat och sidan har bra ranking så hamnar man högt! Bra jobbat Reco!!!

Etiketter:,
Postat i Information | Inga kommentarer »

Google bestraffning och värde av pagerank

fredag, 17 april, 2009

För ett par veckor sedan blev gaos.se bestraffat av google. Straffet var en nergradering till noll i pagerank. Det som gör mig lite sur och trött är de murar som Google omger sig med. De har en integritetspolitik som saknar motstycke, vilket medför att det inte går att få svar på varför eller hur länge de tänker fortsätta sin bestraffning. Sidan blev som sagt bestraffad med pagerank drop, just detta drop var dock väldigt intressant för vi insåg du hur lite betydelse ett pagerank har för positioneringen på valda sökord. Dock såg vi ett värdefall i de utgående länkarna som sidan hjälper andra sidor med. Slutsatsen av det som inträffade är, pagerank är mycket viktigt för värdet av utgående länkar. Pageranken ger dock inte mycket (eller i detta fall INGEN) effekt på hur sökord placeras i googlesökningar.

Etiketter:, , , ,
Postat i Information, Tips | Inga kommentarer »

Topplista Firefox plugin

torsdag, 16 april, 2009

Vissa plugin till Firefox är i dagsläget så självklara att borde komma förinstallerade. T.ex.

  • Webdeveloper (Det ultimata pluginet om du vill bestämma hur koden skall genereras. De mest användbara funktioner är disable cachen och view generated source en funktion som låter dig se htmlkoden efter inverkan av js.)
  • Firebug (Min mest använda plugin. Det låter oss inspektera htmlelement samt låter oss editera css, js och html live på siter. Firebug är helt oundviklig för en webbutvecklare.)
  • Firephp (Om du som vi gillar PHP så är detta underbart. Det låter dig logga php händelser till Konsolen i Firebug. Vi använder det alltid i utvecklingsfasen och då loggar vi t.ex. POST, GET, SESSION och SERVER variabler vilket ger grym hjälp när man letar efter information som skickas med eller inte..)

Om vi går in på lite mindre vanliga plugin som fortfarande är grymt användbara så har vi här:

Effektivitet av kodning:

  • Yslow (använder Yahoo’s standard för hur en effektiv hemsida skall vara kodad och ger hemsidor ett betyg och föreslår punkter som kan förbättras med en bokstavskombination. Bra och tänkvärt!)

Sökmotorsoptimering:

  • Håller på att prova ett plugin som heter SenSEO, med detta kan du söka efter ett specifikt ord och se hur bra din sida är uppbyggd för just detta ord. Här används också Yahoo’s standard precis som i Yslow pluginet.

Webbupplevelse:

  • Tree Style Tab (Hjälper dig att ordna tabbar på vänstersidan av fönstret, och med indentering vilket leder till en fantastisk upplevelse!)
  • Informational Tab (Visar mer information om sidan du besöker i flikfältet. Tex. en skärmdump och information om hur sidan laddas.)
  • Cooliris (Antagligen flockades du vid detta plugin i höstas när det kom, men om du inte har gjort det så måste du prova det. Ett fantastiskt sätt att se mängder av bilder, om du t.ex. skall hitta en bild på google. Vi har byggt in det i ett system som vi gjorde i höstas. Gå in på www.nishiki.se och se klicka på CoolIris symbolen högst upp till höger.)

Etiketter:, ,
Postat i Information, Tips, medel | Inga kommentarer »

Mouseenter och Mouseleave för att hantera muspekarevent med mootools

torsdag, 16 april, 2009

Vi visade ett menyscript för några veckor sedan och nu kommer lite mootools kod som på ett mycket enkelt vis hanterar onmouseover. Det bygger på addEvents på ett objekt. Som vi har satt det nu så hämtar det ju alla objket med classnamnet ”Gaos”. Men självklart kan du få detta att peka på id eller kanske ul li taggar. Sen använder vi funktionerna ‘mouseenter’ och ‘mouseleave’ och så förändrar vi hur detta objekts class definition görs. Så när musen kommer över objektet läggs först ett mellanslag och sedan classdefinitionen over på. Samma sak tas givetvis bort när musen inte längre är på objektet.

$$('.Gaos').addEvents({
	'mouseenter': function(){
		this.className += " over";
	},
	'mouseleave': function(){
		this.className = this.className.replace(" over", "");
	}
});

På detta vis kan ju css defineras för att sköta förändringen t.ex. om objekten ligger i en div som har id ”page” skulle man kunna göra såhär:

#page .over{border:1px solid red}

Nu är detta ett inlägg som vänder sig till nybörjare och det är väl på tiden att vi visar lite kod som inte behöver göras något med innan den används, så här kommer koden den kompletta koden för att göra följande om du bara har pekat in mootoolsbiblioteket:

var Site = {
	start : function () {
	    window.addEvent('domready', function() {
		    $$('.Gaos').addEvents({
				'mouseenter': function(){
					this.className += " over";
				},
				'mouseleave': function(){
					this.className = this.className.replace(" over", "");
				}
		    });
	    });
	}
}
window.addEvent('load', Site.start);

Etiketter:, , , ,
Postat i Mootools, css, nybörjare | Inga kommentarer »

Ta bort prickad linje runt länkar i firefox med outline

tisdag, 7 april, 2009

Majoriteten av användare på internet använder Internet Explorer. Det är i sig synd om dessa användare och i förlängningen en synd för internetutvecklingen. Men det finns punkter som ie är bra på.. Hur jobbigt tycker du inte det är när du har länkar som innan sidorna laddas får en prickad ram runt sig. Och när du på senare tid börjat använda ajax så är denna ram kvar tills användaren klickar på nästa länk.

Men det finns ett enkelt sätt att slippa detta, css deklarationen ”outline:0″ löser effektivt problemet. Du sätter den enklast på a:active classen. Och ofta räcker det, i någon version av Firefox behövs det dock en liten deklaration till. Det gäller deklarationen ”-moz-outline-style:none” och detta görs enklast i a:focus.

Totalt blir css deklarationen såhär:

a:active{outline: none;}
a:focus{-moz-outline-style: none;}

Hoppas nu att ni slipper dessa (antagligen de mest hatade prickarna i världen).

Etiketter:, , , , ,
Postat i css, nybörjare | Inga kommentarer »