Dette er anden del af en serie af indlæg om mit tema her på bloggen. Disse indlæg vil omhandle mine overvejelser om ting som designet, opsætning og mere. Du kan eventuelt starte med at læse det første indlæg om sidens baggrund her.
De sorte bokse
Forskellige eksempler fra siden.
På siden er der især en ting, som går meget igen, nemlig de sorte bokse. Jeg har valgt at bruge disse bokse, da jeg for det første synes, at de giver en god kontrast på siden. På denne måde står de godt ud fra alt det andet indhold (fx blogindlæg) der er på websiden. Jeg bruger blandt andet disse sorte bokse ude i sidebaren, hvor de er med til at skabe en god balance på hele websiden. Der er på nogen sider og blogindlæg meget indhold, hvilket rykker balancen meget over i venstre side, men når sidebaren så er der, så skaber den en meget god balance, så siden føles rar at se på. Okay, det lyder måske lidt dumt noget af det jeg skriver, men det er også meget svært, at forklare det ordentligt. Du skal bare vide, at det virker! 😉
En anden grund til jeg bruger de sorte bokse, er at de er med til at indramme indhold og skabe nye afsnit. Som du kan se i sidebaren, så består den af flere bokse, hver boks har så en overskrift, som beskriver indholdet i boksen. På denne måde er det nemt at se, at indholdet i hver boks handler om samme ting. Et sted hvor jeg bruger en sorte bokse til at skabe afsnit, er på siderne der viser blogindlæg. Her er de sorte bokse med til at gøre det meget nemt at se, at nu slutter et indlæg og et nyt begynder.
Sidste grund til at jeg valgte at bruge de sorte bokse, er at jeg på hele siden har ville bruge forskellige elementer fra IT-Universitetets grafiske profil. IT-Universitetet bruger selv sorte bokse på mange af deres ting: webside, brochurer og mange andre ting. Dette kan bland ses på denne side.
Så er mit portfolio kommet til et stadie, som jeg selv vil kalde for færdigt, da jeg nu har udfyldt alle sider og rettet alt til. Med færdigt, skal der forstås at siden er gået ud af beta-stadiet. Det er på ingen måde ment som at siden ikke skal ændres/opdateres i fremtiden, for der vil næsten helt sikkert komme nogle fejl, som skal rettes og der vil formentlig også være nye funktioner, som jeg får lyst til at bygge på.
Ændringerne fra 0.8b til 1.0:
Indhold på credits siden: Alle brugte ressourcer bliver listet og krediteret.
Indhold på copyright siden: Lovmæssigt snik-snak. Ikke noget folk orker at læse, men meget godt at have rent juridisk.
Indhold på kontakt-siden: Navn og kontakt oplysninger tilføjet.
Udbyttet email’s på copyright siden med billeder af min email, for at forhindre spam.
Den sidste boks i footeren (bunden af min side til højre) er blevet udfyldt, så der nu er indhold (fakta) om hvordan siden er blevet lavet.
Ændret i den øverste sorte boks i min sidebar (den med billedet), så der nu står mit nummer og min ITU email, så folk kan kontakte mig, da portfolioet også skal bruges til at tiltrække virksomheder og jobs.
Ændret koden i den ovennævnte sorte boks, så det fungere som et hCard vha. Microformats-koder.
Har tilføjet teksten “IT-Universitetet i København” under “Digitale Medier og Design 14′” i sidebaren, så folk udefra kan forstå sammenhængen bedre og se at jeg går på et universitet uden at skulle tjekke min “Om mig”-side.
Sidens HTML-koder er blevet valideret i W3C og alle fejl er rettet. (Se W3C-testen her)
Sidens CSS er også blevet kørt igennem og returnerede 98 fejl. Disse fejl skyldes at jeg nogle steder bruger nogle nyere CSS-koder, som virker i de fleste nyere browsere, men som faktisk ikke er “lovligt” CSS… endnu. (Se validering her)
Ændret i PHP-koden i plugin’et “Ultimate Tag Cloud”, så der ikke puttes “<style type=’text/css’> […] </style>” ind i <body> på siden, da dette ikke er “lovlig” HTML.
Ændret i nedenstående plugins, så deres forskellige .css og .js filer ingår i en stor .css-fil og .js-fil, for at mindske antaller af forskellige filer der skal hentes, når siden vises i browseren. Dette minimere både tiden det tager at hente og vise siden og gør samtidig at alt er mere samlet. Det eneste problem er at hvis en af disse plugins vil opdateres, så skal jeg manuelt ændre indstillingerne igen.
– Easy FancyBox
– Formidable
– SexyBookmarks
– Ultimate Tag Cloud
– WordPress Portfolio Plugin
Ændret i nedenstående plugins, så de ikke ligger kommentarer ind i HTML-koderne på hjemmesiden.
– All in One SEO Pack
– SexyBookmarks
Tilføjede jQuery mouse-over effekt på kategori- og arkiv-menupunkterne i sidebaren og på links i bunden af siden, for at gøre brugen af websiden ekstra lækker.
Ændrede mit favicon fra Webinator.dk til en lilla udgave, som passer bedre på dette design. Grunden til jeg kun ændrede farven på favicon’et, er for at symbolisere, at det er den samme hjemmeside man er på (nemlig min personlige hjemmeside), men samtidig også en anden udgave af hjemmesiden (nemlig mit ITU portfolio).
Installerede nyt plugin “WordPress Portfolio Plugin“, som skal bruges på min portfolio side, til at fremvise mine projekter.
Ændrede på indstillinger og design for WordPress Portfolio Plugin’et, så opstillingen ser ud som på det html/css-template (http://itu.webinator.dk/design/) jeg har bygget WordPress-siden efter.
Aktiverede Akismet-plugin til forhindring af spam i kommentar-boksene og i email-formularen på kontakt side, hvilket må siges at være et klogt valg, da der allerede er kommet 3 spam kommentarer.
Hvor skal man mon starte, jeg har så meget jeg kan sige om designet og alligevel så virker det ret svært at komme rundt om alt.
Jeg tror jeg vil begynde med selve idéen bag designet, som egentlig bare kom pludseligt, som en lys idé. Jeg sad en aften/nat og brainstormede stille og roligt for mig selv i en rus af koffein. Jeg ville egentlig gerne lave et design, som passede både til mig og som samtidig havde noget IT-Universitet (herefter kaldet ITU) over sig. Så der sad jeg og tænkte i flere timer og pludselig *BUM*, så kom idéen. Selve designet skulle være meget simpelt og blog-agtigt: Øverst finder man en topmenu, neden under er selve siden og til venstre for sidens indhold, er der en sidebar med relevante oplysninger og links. Dette var jeg nok hele tiden klar over at jeg ville, men selve idéen til designet, som du nok mere vil læse om, vil jeg komme nærmere ind på i de næste indlæg i en serie af indlæg om “Mit tema”. Dette første indlæg i serien kommer til at handle om temaets baggrund. (more…)
