Fra d. 1/2-2010 har miinto officielt fået kontor på Frihavnen i København Ø, mere præcist på adressen Glückstadtsvej 2, 1.

Vi har fået os et fantastisk kontor! Det er stort, åbent og lyst, miljøet er kreativt og stemning er i top!

Vi har udvidet vores team med flere energiske genier, deriblandt vores nye udvikler Christian Støvring, vores nye online mand/analytikker Henrik Rydahl og endelig har vi fået vores supersælger, Thomas Kroman, tilbage fra Australien, hvor han de sidste 3 måneder har gennemført en af verdens hårdeste livreder kurser … energiniveauet har aldrig været større, og fik jeg sagt … stemningen er i top!

Jeg tog til København mandag morgen, og har været der hele ugen – allerede efter de første par dage har vi set resultater! Med hele teamet samlet ét sted, får vi opretholdt vores holdånd og vedligeholdt vores fælles mål, så vi kan udfører vores mission til fulde

At shoppe online i Danmarks førende tøjbutikker gøres nemmere, tryggere og hurtigere

Mens snestormen rasede udenfor, gjorde vi det samme fra vores nyfundne base – Rydahl samlede statistikker til optimering som en gal, alt i mens vores sælgere trodsede det “dejlige” danske vejr og begav sig ud i “marken” for at forkæle diverse butikker, møder blev holdt på kryds og tværs – og endelig fik den gas med introduktion til og udvikling på miinto-koden, hvilket efter resulterede i et remake af forsiden onsdag og en rekord omsætning om torsdagen

Tjek evt. vores nye forside ud på www.miinto.dk, surf i ro og mag (og i varmen) rundt blandt 1000 vis af produkter fra førende tøjbutikker fra hele Danamark – med andre ord, skynd dig ind i varmen hos miinto.dk!

Kan I have en fantastisk dag

Listen er langt fra den fulde liste fra min reader, men dem som er nævnt her er dem jeg besøger mere eller mindre dagligt. Måske der er en enkelt eller to du ikke har, og ganske sikkert har du nogle stykker jeg ikke har – lad os bytte lidt.

Har du et fantastisk site, du mener jeg bør følge, så smid det i kommentaren.

Generelt

Amy Hoy – en god blanding af udviklings-, forretnings- og livs-”erfaringer”

http://www.slash7.com/

Martin Thorborg – Foretning og motivation)

http://www.amino.dk/blogs/thorborg/default.aspx

http://www.screencast.com/users/Thorborg/folders/Thorborgs+Brevkasse/

Marcel Fuursted – SEO & Online markedsføring

http://www.fuursted.org/

Udvikling

Think Vitamin – fantastiske og dybtegående artikler (mest om udvikling)

http://thinkvitamin.com/

Komodo Media – Javascripts

http://www.komodomedia.com/

JQuery – Javascript dokumentation

http://docs.jquery.com/Main_Page

PHP.net – PHP dokumentation

http://www.php.net

Design og inspiration

Web Designer Wall – design inspiration

http://www.webdesignerwall.com/

Noupe – fantastisk “best-of”-sektion, design inspiration

http://www.noupe.com

Underholdning

xkcd.com – underholdning

http://www.xkcd.com

Matt Brett – spil reviews m.m. (også en kickass designer btw.)

http://mattbrett.com/

Ingen tvivl – Jeg ELSKER min Mac! Og ja, jeg er vel blevet en af disse Mac-stereotype fanatikere, men jeg har nu alligvel ikke skilt mig af med min gamle PC endnu … og det er der vel en grund til. Laver du hjemmesider, laver du dem jo ikke kun til folk på en Mac, eller folk som bruger Firefox som browser – du bliver nød til at tænke på, at der er forskel på kodens udseends i forskellige browsere, og nogle gange endda forskel i browser set på forskellige platforme!

Det er flottere på min Mac!

Problemet er at “alting” er flottere på min Mac! Ja, umiddelbart lyder det jo fedt nok (og jeg fryder mig da også hvert eneste dag), men mit job gør bare at jeg bliver nød til at arbejde og tænke lidt ud over hvad jeg ser på min skærm.

Normalt arbejder jeg med min kode lokalt – jeg har installeret en webserver på min computer og ligger (for det meste) ikke noget på nettet før jeg er tilfreds med resultatet. I den forbindelse bliver jeg nød til at åbne op for min gamle Windows-box og tjekke resultaterne ud på forskellige platforme og i forskellige browsere – og jeg bliver lige så skuffet hver gang…

Det er nu ikke de sædvanlige CSS-drillerier der irriterer mig, de er der altid – det er faktisk standard-elementer og tekst-formatering der er sprunget mig i øjnene på det sidste! Prøv engang at sammenligne nedenstående screenshots (og tag dig ikke af farveforskellen, jeg tror jeg kom til at fucke et eller andet op i Photoshop da jeg skulle klippe dem til).

Specielt bider jeg mærke i hvor “takket” fonten omkring “S”et er på Windows (venstre). Jeg har også markeret søge-feltet i begge browserne. Det er måske bare en liiiiile smule lækre at se på, på Mac (højre) – Et lækkert blåt “glow” omkring feltet markere dens aktivitet, hvorimod Windows markerer dette med en kedelig gul streg omkring Søg-knappen … tsk tsk tsk.

Ovenfor er endnu et eksempel – igen synes fonten bare at være mere smooth på Mac. Input-elementerne er afrundet og lækre at se på – jeg bliver sku så trist, når jeg skal se på det samme i Internet Explorer.

Jeg er selv blevet meget bedre til at checke mine sider i flere forskellige browsere. På mit arbejde har jeg en ekstra bærebar stående hvis eneste formåle er, at have installeret så mange browsere som muligt, så jeg konstant kan checke de sites jeg arbejder på.

Dette har virket rigtigt godt for mig, men dette er stadig et subjektivt foretagende. Fordi jeg ser det jeg ser, på den konfiguration jeg har, kan det jo godt være at det ser anderledes ud hos jer – og så kan det jo være at I har en browser som jeg ikke har installeret.

Derfor vil denne post nu være dedikeret til det jer. Tag et screenshot af posten (tryk evt. F11 for fullscreen) og send den til mig “admin (at) simon-jensen.net”, med information om hvilken browser og OS I bruger – husk versions numre!

Jeres screenshots vil blive postet herunder så alle kan følge med. Som tak for dette vil jeg desuden tilføje et link til jeres sites, hvis det skulle have nogen interesse

Firefox 2.0.0.6 – Windows Vista	Firefox 2.0.0.6 – Ubuntu 7.04
Internet Explorer 7.0 – Windows Vista	Internet Explorer 6.0 – Windows XP
Opera 9.23 – Windows XP (800×600) – af David Trasbo	Safari 3.0.3 – Windows XP

Lidt om det nye design

Der er faktisk ikke så meget at sige til det – jeg har ikke selv designet denne gang, hvilket vidst kun er for det bedre. Jeg er endnu engang blevet bekrætet i, ikke at være designer.

URLerne, og selve navigationen, er den samme som før – læs evt. her. Til gengæld har jeg fået en del øvelse i at kode administrationen (CMS om man vil). Som jeg kort forklarede sidste gang jeg lavede om, var jeg ude i noget vældig smart “on site” AJAX redigering – men det holdt ikke, så nu har jeg lavet en blog administration fra bunden – og den er jeg faktisk riiiimelig tilfreds med.

Alt dette kan I, i-og-for-sig være ligeglade med – men jeg har også tænkt på jer

Reader Appreciation

Af en eller anden grund tog en kommentar-diskusion om “AJAX og Æ,Ø,Å” pludselig en drejning overmod optimering af et websites størrelse. Ikke noget der kom bag på mig, da jeg havde fået det at vide før, men nu har jeg også fået gjort noget ved det. Sitet er nu GZip komprimeret – Tak til Joseph, for links og opfordring (PS. vi bruger PHP 5 nu ).

Safari Webbrowser er pt. i beta til Windows – og med et stigende antal brugere med Macintosh, har jeg taget mig mere sammen mht. browser kompatibilitet. Jeg har således verficeret at sitet ser udemærket ud (og fungerer) i både IE, Firefox, Opera og Safari – også med kommentarer! Var faktisk ikke klar over det, men det var ikke muligt at kommenterer i browsere som ikke understøttede FCKeditoren (f.eks. Safari og Opera).

Mere til kommentarer

Da jeg den sidste tid har fået en del henvendinger omkring scripting (programmering generelt), har jeg tilføjet muligheden for at bruge lidt typografi. Jeg har oprettet mulighed for at markerer en tekst som enten citat eller kode, foruden de normale fed, kursiv, og understreget.

Håber I kan bruge det til noget – Jeg er i hvert fald allerede blevet glad for det

Som webprogrammør er jeg ikke så glad for design- og farve-opgaver – jeg elsker et fedt design – jeg er bare ikke speciel god til selv at lave dem.

På mit nye arbejde, har vi heldigvis dedikerede designere, som tager sig af alt den slags. Men til tider sker det, at også de har travlt. Dette var tilfældet forleden, hvilket medførte at jeg blev sat til at finde farver som passede ind i et design til en kunde.

Efter at have prøvet mig frem i nogen tid, var det tydeligt at se, at jeg ikke var ansat som designer, hehe… Men heldigvis, kan selv os farvespassere nu også være med.

Color Schemer

Min redning blev Color Shemer. Color Shemer har en online løsning, som automatisk genererer farve-skemaer, bestående af relaterede farver, til en farve du væger.

Du kan vælge en farve, enten ved at indtaste RGB eller HEX koden for farven, eller ved at vælge direkte fra et panel, som vist på billedet herunde. Color Shemer giver dig som sagt nogle forslag. Til disse forslag kan du vælge om farvene (alle de relaterede) skal være lysere eller mørkere.

ColorPix

Skulle du være i tvivl om hvad RGB eller HEX koden er, for den farve du har fundet frem til, evt. ved at se på andre sites programmer eller lignende, har Color Shemer også et værktøj til dette! Dette hedder ColorPix. ColorPix er et lille program som du skal downloade – pt. findes det kun til Windows (kører også fint gennem wine til Linux) – og ser ud som det første billede i denne post.

ColorPix åbner et lille vindue, som du kan zoome fra 100-2800% – Vinduet viser indholdet lige omkring din musemarkør, og viser samtidigt farve-koderne for de farver din mus kører over. Det betyder at du nu kan snuppe en hver farve du ser på din skærm. Når du har fundet din farve, trykker du på en tilfældig tast, og vinduet låser indholdet, og farverne. Herefter kan du klikke på vinduer, og farvekoden er nu kopieret til udklipsholderen – Herefter kan man jo passende, smutter over til Color Shemer Online, og få site et passende farve skema – og vupti, så er man pludselig farve ekspert…

Noget lignende findes hos Genopal – Her kan du bare ikke selv vælge, hvilket specifik farvekode du vil arbejde ud fra. Genopal arbejder mere med harmoni konceptet, hvor et sæt farver (som de har forudbestemt) f.eks. passer på en årstid, eller en stemning.

Kender du lignende værktøjer, kan du linke til dem herunder. Color Shemer har også et par produkter til Macintosh, hvilket jeg ikke har fået prøvet endnu…

Du har måske lagt mærke til at der har være lidt stille her den seneste tid, hvilket langt hen af vejen grunder i arbejde med at få de mange idéer implementeret. Til sidst var jeg knap nok inde og se på mit gamle site, da jeg allerede så på det med gamle øjne. Det resulterede i et væld af spam (Tjaa, fik aldrig rigtigt mit spam-filter til at virke ordentligt), og jeg endte med at fjerne muligheden for at kommentere.

Nu er der nye tider på vej – jeg har lavet en hel del ændringer, og her kommer så en kort introduktion til det nye site.

Design

Design er selvfølgelig noget af det mest bemærkelsesværdige. Jeg har beholdt de grønne grundfarver, mest af alt fordi jeg er vild med grøn, men jeg synes heller ikke man ser så mange grønne sites omkring på nettet, hvilket man skulle mene ville være med til at gøre mit site lidt mere specielt =;). Jeg startede med at beholde de grønne farver, er stadig glad for grønt, men på et tidspunkt blev det dog for meget, hvilket jeg nu har prøvet at gøre noget ved. Designet er table-less og benytter sig i særdeleshed af CSS, hvilket gør det meget nemt at skifte ud =;).

Alt skal jo være transparent and lass-like idag, og jeg falder lige i den fælde. Til at starte med, brugete jeg faktisk et filter i CSS som gjorde det meste af sitet gennemsigtigt, men det tog samtigt en helvedes masse CPU-kraft, så jeg lavede det om til statiske billeder – men det blev da heller ikke så ringe endda?!

Layout

Jeg har længe ville af med det klassiske blog-layout, med en banner, sidebar, og en liste poster. Og lige så længe har ikke været i tvivl om at jeg ville over til et 3-spaltet layout – og indholdet passer jo meget godt. Navigation og feed til venstre i en farve der er til at se, nyeste blog-post i midten, og andre nyheder, links og meta til højre i en mindre prangende farve.
Derudover har jeg fået min Flickr-feed op i toppen af sitet, denne var næsten gemt helt væk i sidste design.

Navigation

Jeg har igen været ved at se på rewrite-links, hvilket problematikken bl.a. gik på i sidste post, og er kommet frem til følgende regler:

• Side: www.simon-jensen.net/side-navn-her/
• Kategori: www.simon-jensen.net/category/categori-navn-her/
• Tags: www.simon-jensen.net/tags/tag-navn-her/
• Poster: www.simon-jensen.net/post-title-her.html

Reglerne ligger tæt op af de gamle, og med 301-redirects på plads, skulle evt. links og bookmarks fra det gamle design blive guided til deres rigtige destination på det nye – tak til Marcel.

Funktionalitet

Jeg har selvfølgelig ikke kunne lade være med at lege bare en lille smule med AJAX, hvilket I f.eks. vil se, når I poster en kommentar, men langt størstedelen er det kun mig der får at se, da denne hører til administrationen. Hvorfor det? For jeres skyld – selvom jeg benytter Prototype frameworket, vil jeg være sikker på at alle kan læse hvad jeg skriver.

Derudover kan jeg nævne at jeg denne gang, har anvendt en objekt orienteret indgangsvikel til database håndtering, hvilket jeg tror jeg vil gøre fremover – fantastiskt nemt, og 1000 tak til skal lyde til Sébastien Laoût for at lave klassen.

Den største nyhed, i mit hovede, er det nye spamfilter. Denne gang er jeg gået hele vejen, og implementeret Akismet Antispam, som også bliver brugt i WordPress. Glæder mig vildt meget til at se om det virker som forventet!

Endelgt er FCK editoren (den jeg skriver poster, og I kommenterer med) også blevet opdateret – og den er kun blevet bedere, Shift-Enter virker nu som en drøm!

Andet

Der er stadig en del til min backend, der ikke er på plads, hvilket I i-og-for-sig kan være ligeglade med. Muligheden for at skrive/rette og slette både poster og kommentarer er på plads, så vi skulle kunne kommunikerer, hvilket er det vigtigste … jeg kunne bare ikke vente længere.

Min reference-side er også lavet helt om – Eller er i hvert fald igang med det. Den var efterhånden temmelig outdated. I stedet for at skrive om de projekter jeg har være en del af, vil denne side i fremtiden komme til at fungerer som en reel reference-side til de folk jeg har arbejdet sammen med, og hvilke kvalifikationer de har givet til mine projekter.

Når tiden kommer til mig, skal jeg også have implementeret en søgefunktion, og måske et arkiv med alle bloggens poster – I mellemtiden må I nøjes med kategorierne og tagclouden herunder. Indtil da – velkommen til det nye simon-jensen.net!

Laver jeg bare om i den nye version, vil alle de nuværende indexes på Google ikke være gældende på det nye site, og der vil sikkert gå en del tid, før de nye links bliver indexeret ordentligt.
Overstående er til at leve med, men hvad med folk der evt. har lavet bookmarks? Og hvad med min RSS-feed hos Feedburner?

Én løsning kunne selvfølgeligt være at manuelt lave 301 Redirect (moved permanently) for alle poster i en .htaccess-fil, men det virker lidt bøvlet!
Er der nogen der kender en nemmere måde at gøre dette på? Jeg tager imod gode forslag med kyshånd.