Baronen

Jag har nu börjat komma igång med digitalsweet. Känns bra eftersom detta är ett projekt som ska vara avslutat innan sommaren. Det jag hittills har åstakommit är att moddellera min databas som ska vara grunden för hela webbplatsen samt börjat lite med administrationsdelen.

Jag har börjat få mer förståelse för hur det här man ASP.NET och femlagerapplikationer fungerar, vilket känns väldigt positivt.  Boken vi använder i kursen har hjälp mig mycket, inte minst när det kommer till databaskopplingar. Är du själv sugen på boken så heter den “Pro ASP.NET 3.5 In C# 2008“.

De nästkommande veckorna kommer jag tillägna till att jobba vidare på min applikation digitalsweet.net.

Idag märkte jag även en annan konstig sak, efter att ha legat mellan 2-5 i SERPen (Search Engine Result Page) på google på sökordet baronen så ligger jag i skrivande stund på 150 plats, väldigt märkligt. Får hoppas att det är en tillfälligt liten dipp.

Det är egentligen nu det börjar hända grejer på webbprogrammering. Tidigare har vi studerat XHTML och javascript som endast körs på klientsidan. Men nu har vi börjat ta steget in i serversidan och databasernas underbara värld. Nämligen webbutveckling med ASP.NET 3.5 och MSSQL.

Jag har lite erfarenhet av “gamla” ASP om man kan uttrycka sig så. Det var ju några år sen dock. Det vi hittills har gått igenom verkar riktigt kraftfullt även om det känns lite omständigt att arbeta med lagermodellen och i vissa fall till och med onödigt. Men som sagt har vi bara börjat med denna kursen och jag tror att jag säkerligen kommer att ändra inställning till detta.

Jag har redovisat några uppgifter i ASP, en av dem va ganska matnyttig. Nämligen att bygga en applikation där man kan ladda upp bilder samt att skapa tumnaglar om de inte existerar.

Jag har en laboration att slutföra innan projektet drar igång. Nämligen att bygga en applikation enligt lagermodellen där man ska kunna lägga till, uppdatera, och ta bort data. Har tänk att göra färdigt denna uppgift senast fredag för att sedan sätta tänderna i projektet.

I första kursen vi läste på Högskolan så gjorde jag en webbsida som hette digitalsweet. Det är alltså denna jag kommer bygga vidare på. Jag har hittills gjort planeringen av databasen som jag kommer använda mig av. Jag kommer löpande skriva nya poster om hur arbetet med digitalsweet och projektet fortskrider.

Tänkte bara tipsa er som använder WordPress som motor att det finns nu en “Relase Candidate 1.0″ av version 2.5 för nerladdning. Själv har jag testat den nya versionen lite snabbt och det är helt klart skillnad från version <= 2.3. Några av de nya funktioner är att man kan anpassa sin egen dashboard, ladda upp flera filer samtidigt, uppdatera plugins med ett klick. En välkänd person som har haft ett finger med i spelet är Zeldman. Läs mer om WordPress 2.5.
Andra bloggares åsikter om WordPress

Det är väl idag ingen nyhet att Microsofts nya version av webbläsaren Internet Explorer klarar Acid2 testet. Eftersom jag använder mig av Linux så har jag dock inte haft möjlighet att provköra version 8.0 Beta. Webbläsare som redan har klarat det testet är Opera och Safari. Men också den nya versionen av Mozilla Firefox ska klara testet, detta ser jag positivt på.

Vad är då Acid2 testet?
Det är ett test som hjälper webbläsarutvecklare att testa så deras webbläsare stödjer de senaste funktioner som webbutvecklare vill ha. Funktioner som är delar av den standard som idag redan finns men som inte är fullt implementerade i dagens webbläsare. Det är här Acid2 utmanar webbläsarna att klara testet, allt för att vi webbutvecklare ska bli nöjda.

Acid2 testet består av en egentligen vanlig webbsida. Några av de saker testet består av är: Transparenta PNG bilder, Object element, Absolute, relativ och fixed positioner, box-model (testar så att height, width, max-width, min-width, max-height och min-height fungerar som de ska), CSS tabeller, marginaler, genererat innehåll, line-heights och hover-effekter. Dessa är några av de saker som acid2 testar. Läs mer om Acid2 testet.
Bakom detta test ligger origanisationen The Web Stanard Projekt även kallas WaSP

Firefox 3
Som jag nämnt tidigare så klarar även nya Firefox 3 Acid2 testet, men det är mer nytt i den nya versionen, speciellt saker som omfattar webbutveckling.

Zoom möjligheten är förändrar, Nya Firefox skalar om hela sidan och inte bara texten. Detta tycker jag är bra ur användbarhetssynpunkt.

Animerad PNG blir möjligt, Firefox 3 får stöd för animerade PNG bilder. Har du en äldre webbläsare som inte stödjer det kommer den visa första rutan på bilden.

Äntligen getElementByClassName, äntligen måste jag säga, visst det har gått att få fram element med ett visst klassnamn, men iochmed Firefox 3 kommer det finnas stöd i DOMen. Det kommer säkert dröja innan det blir standard dock.

Nu ser vi fram emot lansering av både Firefox3 och Internet Explorer 8 även om det säkert tar minst 5 år till innan dem börjar användas av det “vanliga folket”

Läs även andra bloggares åsikter om Acid2, Firefox 3, Internet Explorer 8

Som rubriken antyder så är detta slutprojektet i javascriptkursen. Men innan jag berättar om det så har jag lovat att visa den föregående laborationen som va att skriva ett formulärvalideringscript. Här kan du läsa mer om vad den labben gick ut på. Jag har denna gång valt att spela in en film på denna uppgift.

Formulärvalidering i javascript

Den sista laborationen är alltså att skriva ett eget “skrivbord” i javascript. Det ska helt enkelt fungera som ett skrivbord gör i tex Windows eller Linux. Det ska finnas ikoner, man ska kunna öppna nya fönster, förstora fönster, hämta data asynkront med AJAX. Denna uppgiften blir lite att bita i men också den roligaste, vi har ganska fira händer och utveckla som vi vill. Väldigt spännande.

Återkommer med mer information om detta.

Lite annat som har hänt att jag har införskaffat mig ett Nintendo Wii. Helt klart en annorlunda konsol.

Läs även andra bloggares åsikter om Javascript, validering

Har idag lyckats göra klart den femte laborationen i javacriptkursen. Den gick ut på att validera ett vanligt formulär och att ge feedback till användaren under tiden denna fyller i formuläret. Måste säga att jag är mycket nöja med detta.

Det knivigaste och svåraste med denna labben va att vi inte fick använda “innerHTML” utan va istället tvunga att skapa nya element med hjälp av javascript. Det tog ett tag innan med fick koll på det. Annars har det rullat på, visst har man hittat buggar, fastnat på vissa moment men överlag tycker jag det flöt på ganska bra. Kom undan med ca 320 rader kod, ink. kommentarer. Naturligtvis går det säkert att minska antalet rader avsevärt, men hur som helst är jag nöjd. Jag kommer att lägga upp en länk till “applikationen” efter jag har redovisat den.

Har idag redovisat laboration 4 i javascript-kursen nu. Överlag har det flytit ganska bra faktiskt. Idag har jag alltså redovisat den berömda shoppingvagnen som är skriven i javascript.  Helt klart att detta ingen shoppingvagn man skulle kunna använda på en skarp sida. Mycket brister, speciellt när man inte överhuvudtaget använder sig av serversidekod tex ASP.net eller PHP. Övningen gick väl egentligen ut på att lära sig behandla fönster och navigera i DOM (Document Object Model) trädet. Efter denna uppgiften har man faktiskt mer koll på hur DOM fungerar, dock har man ju alltid mer att lära.

Föregående vecka va det ju redovisning av memory-spelet. Kan erkänna att jag betvivlade att jag skulle klara detta, verkade vid en först anblick ganska svårt. Men löste det, detta va enligt min mening lättare en shoppingvagnen. Men fick godkänt på den labben också. Om du vill prova memoryt så hittar du det här.

Nu börjar nästa laboration som går ut på att göra en validering med regular expression och vad ska jag kalla det, “live” kontroll. Du ska alltså får upp direkt när du skriver om det är korrekt inmatat. Här ska vi även göra en så kallad lightbox när man skickar iväg formuläret. Det ser jag fram emot att får sätta tänderna i.

Tänkte skriva och berätta lite om mina projekt och webbplatser som jag driver idag. Dels för att någon läsare kanske tycker det kan vara intressant och dels för att någon kan få lite inspiration till egna webbplatser.

Den första webbplatsen heter Bildbox. Denna tjänst var från början tänkt för mig själv, att enkelt kunna ladda upp bilder kunde alltid vara bra. Jag utvecklade tjänsten vidare och den är nu öppen för alla.

Hela idén är att det ska vara lätt och att det ska gå snabbt. Här kan man alltså ladda upp bilder i formaten, jpeg, png och gif. Det hela funkar så att man väljer vilket format bilden ska beskäras i, här finns 9 olika alternativ. Sedan laddas bilden upp och man får välja vilket sätt man vill använda bilden. Antingen med med tumnagel, en länk sidan eller en direktlänk till bilden. Tjänsten används i dagsläget inte överdrivet. Prova gärna.

Nästa projekt började som ett projekt i skolan, Det är helt enkelt en webbplats som samlar snygga och välgjorda hemsidor. Syftet är att andra webbutvecklare ska kunna gå in och hitta inspiration och nya tankesätt. Sidan heter alltså DigitalSweet.net.

Det är mina projekt som ligger uppe just nu. Testa dem gärna.

Läs även andra bloggares åsikter om webbplatser, hemsida, tjänster

Jag skrev tidigare ett inlägg om att man inte skulle använda pixlar när man satte storlek på till exempel text. Just därför att pixlar är ett bestämt värde, detta gör att användare som användet Internet Explorer inte kan förstora den texten med hjälp av webbläsaren.

Det kan kan göra är att använda procent, detta skrev jag om i förra inlägget. Eller kan du använda em, detta är också ett mått som justerar sig. Det enklaste att göra detta om du tidigare använt dig av pixlar är följande.

Du sätter storlek i body till 62.5%. Detta gör att istället för att 1 em är 16pixlar så blir nu 1em 10pixlar. Det blir helt enkelt mycket lättare att räkna.

body { font-size: 62.5%; }

Sen använder du allt som vanligt, vill du ha 10 pixlar så skriver du 1em, vill du ha 12 pixlar blir det 1.2em. Detta blir väldigt lätt att förstå och jobba med.

body { font-size: 62.5%; }
p { font-size: 1.2em; }

Det är inte bara till text man kan använda detta, vill man till exempel att en div-tagg ska bli större kan man använda samma sak. Hoppas detta gav er som använder pixlar en tankeställare.

Andra bloggar om: webbdesign, tillgänglighet, användbarhet

Efter ungefär två veckor är det äntligen klart, mitt webbprojekt i kursen webteknisk introduktion. Idag avslutade jag med att redovisa och ha en genomgång av mitt projekt. Jag har skrivit om det innan i bloggen, det heter alltså DigitalSweet och en länksamling med länkar till bra och snygga hemsidor.

Den är fortfarande i uppbyggnadsstadiet och använder endast statiska sidor, tanken är att jag ska fortsätta utveckla sidan för att försöka göra den mer seriös och större.

Den ligger ute på adressen www.digitalsweet.net. Kolla in den för lite inspiration och eventuellt lägg till din egen sida.

Andra bloggar om: webbdesign, webbplatser