Een paar weken geleden keek Kittekat me aan en vroeg, op zo’n manier dat ik zeker geen ‘nee’ kan zeggen, of ik een website voor haar wilde maken. Ze wilde toch eens iets met die roddelmanie van haar gaan doen. Een roddelblog dus. Na een heleboel zweet, voornamelijk doordat ik de griep heb, is ie er dan: The Daily Mieuw.
Wat ik er zelf het mooiste aan vind is de willekeur van de layout. Niet de inhoud, roddels doen me nu eenmaal geen ene reet. Er zijn vijf verschillende kleuren en vijf verschillende manieren waarop de volgorde van de kleuren worden getoond. Bovendien wordt er telkens een willekeurig plaatje in de header getoond. De enige manier om dat te zien is door de pagina eens een aantal keer te verversen. Of door op links in de site te klikken. Het was echt bijzonder veel gedoe om dat voor elkaar te krijgen maar echt ENORM de moeite waard, vind ik.
De kleuren en de vormen, daar ben ik ook wel blij mee. De layout hebben we eigenlijk gewoon gejat van dit patroon op Colourlovers. Vrolijk gekleurde blobjes. We hebben er natuurlijk een mooie kleur roze aan toegevoegd, erg belangrijk. En ik heb alle blobs zelf gemaakt met Photoshop, de blobs van het betreffende patroon zijn veel te klein. Hiervoor heb ik gebuik gemaakt van custom shapes en die een beetje lopen vervormen met Convert Point Tool en andere transformgereedschappen. Dropshadowtje en een subtiel wit strokeje om de blobs, meer is het niet.
Ik ben ook blij met de lettertypes. Als je geen Adobe CS hebt geïnstalleerd dan zijn de kopjes gewoon een Georgia, als je het wel hebt geïnstalleerd dan zie je de funky Hobo. Perfect font voor deze site. We hebben nog gezocht of we een mooie alternatieve letter voor de broodtekst konden vinden maar dat was niet nodig, Kittekat was unaniem in haar oordeel, de Verdana is mooi.
Nadat ik een eerste opzet had gemaakt in HTML kwam ik er achter dat er bizar veel plaatjes in de site worden gebruikt. Dat is natuurlijk logisch, elke blob bestaat uit een aparte bovenkant, middengedeelte en onderkant. Er zijn tien blobs dus dat zijn al dertig plaatjes. Verder nog 5 verschillende kopjes voor boven elk artikel die ook nog eens uit twee delen bestaan. “So fucking what?” vraag je je nu wellicht af, “we hebben toch breedbandinternet?”. Dat klopt, maar zelfs met breedbandinternet wordt de site trager door zoveel plaatjes. Ik heb dus alle blobplaatjes samengevoegd tot één hele grote png, alle kleine blobjes en headertjes ook en met wat l33t css skillz heb ik de plaatjes op de juiste plek gekregen. Dat zijn ineens maar 3 plaatjes in plaats van 40.
Het leukst, voor mij als nerd, is natuurlijk het helemaal inrichten van een leeg domein. Er is nog niks gefuckupt dus je kan alles mooi inrichten. Zo wordt een eventuele ‘www’ uit de domeinnaam verwijderd wat weer prettig is voor zoekmachines. De site was al volledig geoptimaliseerd voordat er ook maar één enkele bezoeker was geweest, alle stathoerprogramma’s die ik leuk vind staan er op, en dat zijn feedburner, google analytics, reinvigorate, Mint en CrawlTrack.
Voor de tyfuslijers die nog altijd Internet Explorer 6 gebruiken heb ik een mooie grote Download Firefox banner neergezet. Want dat oude gedrocht van Microsoft kan de mooie blobs natuurlijk niet goed weergeven. De site doet het wel maar ziet er duidelijk minder mooi uit. Internet Explorer 7 geeft ook wat onduidelijke problemen, het zij zo, ik heb even geen zin om me daar in te gaan verdiepen. Dat komt later wel eens een keertje. Nadat een paar zuurlingen mij hadden beschuldigd van afzichtelijk amateuristisch prutswerk omdat de site wat kleine layout bugjes had in IE7 heb ik de Mieuw toch maar even gefixt voor die amateuristische prutsbrowser.
Als CMS heb ik het überhandige WordPress gebruikt. Ik heb er natuurlijk een hoop nonsens uitgesloopt en wat noodzakelijke plugins geïnstalleerd. Dat is eigenlijk het beste aan WordPress, de prima plugins. WordPress op zich is een beetje dommig, er komt op sommige plekken echt de idiootste HTML te staan die erg lastig is aan te passen maar met de juiste plugins heb je echt een bijzonder krachtig CMS in handen. Welke plugins dan? Uiteraard de Meta robots plugin, de Permalink redirect plugin en de rss-footer plugin van de onovertroffen zoekmachinenerd Joost de Valk. Verder heb ik HTML-purified gebruikt omdat het leuk is als mensen plaatjes kunnen commenten. En nog wat nerdy shit.
Ik ben blij, Daily Mieuw is mooi en bijzonder geworden. Veel plezier en succes er mee, moppie!
En nu kan ik lekker mijn bed in duiken en als de sodemieter gaan uitzieken.
Applaus voor mijn liefje! Hank kan zelfs de mooiste dingen bouwen met bijna veertig graden koorts. En nu begin ik ook zelf wat nerderig te worden, want ik vind dit een interessant stukje geworden.
Heb je ook al een Google Sitemap gemaakt? Zo niet, dan kan dat ook heel makkelijk en automagisch met de Google Sitemap Generator-plugin.
Oh ja, ga ik doen. Dat contactformulier laat overigens nog even op zich wachten, wat een zooitje maken die formuliermakers er van. Hoezo heb je javascriptlibraries nodig om een formuliertje te versturen?
Mooi spul Hank, hulde.
Misschien kun je daar dan ook maar het beste een plugin voor pakken. Deze bijvoorbeeld: http://chip.cuccio.us/projects/contact-form-ii ?
“onovertroffen zoekmachinenerd Joost de Valk” die is nieuw! :) Thx though :)
Alsjeblieft, Joost.
En dxtr, die plugin bedoelde ik eigenlijk. Die zet allemaal javascript in mijn code en dat wil ik niet. Ik nerd zelf wel wat in elkaar, een keertje.
Is erg mooi geworden Hank. En ik vind het eigenlijk ook wel weer eens leuk dat je echte html moet gebruiken in de comments (i.p.v. bb-code). Een beetje moeite doen voor je comment. Een comment-preview zou wel fijn zijn, zo’n html-tag is toch zomaar verkloot immers.
Hmmm, een preview. Wellicht geen slecht idee. Ga ik ook eens naar zoeken.
Voor alle html-n00bs heb ik de preview-knop geactiveerd op Daily Mieuw.
Inderdaad heel erg mooi geworden. U bent terecht trots!
Hank Rocks. De Daily Mieuw ziet er flitsend uit en de koortsachtigheid waarmee er aan gewerkt is werpt zijn vruchten af.
Dank u allen voor de complimenten. Ik heb inmiddels wat kleine aanpassingen gedaan waardoor de site enkele honderdsten van seconden sneller is geworden. Bijna onmerkbaar, zo snel is dat.
Ik ben nog bezig met een klein Tip ’n Gossip forumuliertje, ik denk dat dat vanavond wel af is.
Wat is dit toch leuk, zo’n hele nieuwe, verse site. Als nerd zijnde dan. De boel eens even lopen optimaliseren. Caching redelijk onder controle, javascriptjes klein gemaakt, iets met ETags gedaan, WTF dat ook mag betekenen, wat expires headers gezet, reinvigorate verwijderd omdat het traag is en bovendien wat buggy, momenteel en mint geïnstalleerd. De tellertjes lopen en ze lopen leuk, zeker voor een vers blog.
Volgens mij kunnen we binnenkort eens wat aan promotie gaan doen, de site is klaar voor veel bezoek.
Recept idd! Een lay die je meteen vrolijk maakt.
IE7 met onduidelijke problemen lijkt me trouwens niets anders dan malware.
De eerste promotietool heb ik inmiddels op de Mieuw gezet. Een mail-naar-iemand-link. Ik heb hiervoor een wordpress-plugin volledig verbouwd zodat ie doet wat ie moet doen. Als je met Internet Explorer 6 of met een browser zonder javascript op de link klikt dan opent je mailprogramma en kan je een mailtje met de titel en de link reeds ingevuld versturen. Als je een hedendaagse browser hebt dan krijg je een mooie semitransparante roze laag over de site met daarin een klein formuliertje waarmee je de pagina kunt versturen. De ontvanger krijgt dan een keurig mailtje thuis gestuurd.
Ik ben toch blij dat ik me vooralsnog alleen met de ontwerpjes hoef te bemoeien. Had er iemand nog een tip voor een freelancende Flash-programmeur voor twee bescheiden projectjes (liefst dat hij/zij er een CMS aan kan breien) in de beurt van Rotterdam? Al Googlend kom ik alleen op Frontall Design. En dat is volgens mij maar 1 Kevin ofzo.
Ik ken alleen een erg goeie flash-freelancer in Amsterdam. Die wil vast wel af en toe naar Rotterdam. En een CMS breien kan hij ook.
Misschien dat een mailtje naar onderhavig adres geen overbodigheid zou zijn.Ter verrijking van mijn kennis en voorbereiding in dezen.
Ik vond overigens een erg handige link om te testen of je een tyfuslijer bent: http://isitafuckingirritatingbrowser.com/