Zen Cart

Bij het ontwerpen van een template voor een webshop wordt je vaak erg beperkt door de beschikbare tijd (lees het budget). In het ontwerp wat ik gemaakt heb voor een Zen Cart shop heb ik een paar css 3 elementen opgenomen waarmee in korte tijd een behoorlijke verbetering gerealiseerd kan worden.

Kleine dingen als text-shadow en moz-rounded-corners maken het leven van een webdesigner een stuk aangenamer. Ooit geprobeerd om de principes van aanbrengen van ronde hoekjes om elementen uit te leggen aan een leek?
En het mooie van het verhaal is dat  al die mooie dingen al ondersteund worden in recente browsers zoals Firefox, Chrome en Safari.

Nu is het wachten op Microsoft om te zorgen dat Internet Explorer ook in de pas gaat lopen…

Zen Cart template css 3

De kunst is nu om uit te leggen dat gezien de snelheid van de ontwikkeling van de browsers het zinvol is om niet zwaar te investeren in “oude” technieken zoals het gebruik van meerdere plaatjes om ronde hoekjes te laten zien, maar dat je nu al nieuwe css kunt gaan gebruiken die binnenkort wel door alle browsers ondersteund gaat worden (zoals het voorbeeld laat zien, hopelijk geen wishfull thinking)

Inmiddels heeft Microsoft in een voorproefje van IE 9 laten zien dat er gewerkt wordt aan css 3 ondersteuning.
Eerste indruk op css3.info en de info van Microsoft staat hier

, , ,

Nog geen reacties

SEO Rapper

zo kan je het ook aanpakken :-)

En… the man weet waar hij het over heeft. Geen woord onzin in die lyrics.

Another SEO Rapper video….talking about links and how they increase your page rank. lyrics: Chuck back again so tell me what you thank, new song new dance I call it the Page Rank
Seo rapper on \”Page Rank\” YouTube

Design Coding

The Poetic Prophet (AKA The SEO Rapper) is back with another marketing rap. This time he describes how web standards and proper design can affect the ranking and conversion of pages on your site…

En nog eentje om het af te leren…

A funny rap that tells 2 different stories of Social Media being used. lyrics: Addicted to the power cause I’m online for hours 10 tabs open on firefox browser 24 hours like my name Jack Bauer….
nah. 10 tabs dat is een understatement waarschijnlijk.

Meer van moserious

ps. voor designers;
Na het invoegen van de bovenstaande video’s valideerde de pagina niet meer.  Blijkbaar een bekend probleem, de code die YouTube genereert breek de validatie. De YouTube code voor de laatste video is :

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”480″ height=”385″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”allowFullScreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”src” value=”http://www.youtube.com/v/vXCCGsBVzrc&amp;hl=nl_NL&amp;fs=1&amp;rel=0″ /><param name=”allowfullscreen” value=”true” /><embed type=”application/x-shockwave-flash” width=”480″ height=”385″ src=”http://www.youtube.com/v/vXCCGsBVzrc&amp;hl=nl_NL&amp;fs=1&amp;rel=0″ allowscriptaccess=”always” allowfullscreen=”true”></embed></object>

Dankzij de tips die ik vond op deze site valideert de pagina weer als Xhtml Strict 1.1 door de bovenstaande code te veranderen in:

<object type=”application/x-shockwave-flash” width=”480″ height=”385″ data=”http://www.youtube.com/v/vXCCGsBVzrc”><param name=”movie” value=”http://www.youtube.com/v/vXCCGsBVzrc” /></object>

De video’s lijken normaal te werken, gecontroleerd op Firefox 3.5, Chrome, IE 8, IE 7 en Safari voor Windows.

, , , ,

Nog geen reacties

Wat is een browser?

Als webdesigner leef je vaak in een beperkt wereldje waarin het lijkt alsof iedereen die veel met internet te maken heeft (al is dat tegenwoordig bijna iedereen) begrijpt hoe het grote web werkt.

Op de website ‘heeftstijl‘ waar ik toevallig op terecht kwam staat een leuk artikel wat ik helemaal kan onderschrijven…

Verbazingwekkend eigenlijk: uitgerekend een studente – die dagelijks haar mail checkt, haar lesrooster online raadpleegt, online onderzoek doet voor een scriptie, haar vrienden en vriendinnen krabbelt op Hyves – weet niet wat een browser is.

In mijn dagelijk werk kom ik dat verschijnsel regelmatig tegen.. een klant wil een website, maar heeft geen idee dat er meer browsers zijn dan het programma met de blauwe E waarop hij/zij zijn berichten leest, online betalingen doet en relaties onderhoud.

Frappant daarbij is dat ook nadat de klant begrepen heeft dat er zoveel browsers zijn, hij meestal ook aanneemt (of eist) dat zijn website er op al die browsers hetzelfde uitziet.

Op de website “Ondoordacht Blog” kwam ik onderstaand filmpje tegen…

Wat is een browser, video op centraalstation Rotterdam via Youtube.

Google doet ook z’n best om wat helderheid te verschaffen op Youtube staat onderstaande video:

De video is inmiddels 708205 keer bekeken dus hopelijk zijn er weer een heleboel verhelderde mensen bij gekomen.

Mijn persoonlijk favoriet is al jaren Firefox. Inmiddels niet meer de allersnelste browser maar door de mogelijkheid om de ‘bladeraar’ eenvoudig uit te breiden met “add-ons” krijg je precies de browser die je zelf wilt hebben. Terwijl ik bericht maak heb ik bijvoorbeeld een spellingscontrole, doordat ik in Firefox meerdere woordenboeken of talen heb geïnstalleerd.
En voor webdesigners is de Addon Firebug bijna onmisbaar.

Voor de webdesigners nog even een al wat ouder plaatje wat de dagelijkse praktijk illustreert

time-breakdown-webdesign

Nog geen reacties

Voor wie is WordPress geschikt?

WordPress is zeer geschikt om als CMS te gebruiken voor kleinere of middelgrote websites.
Ook een ZZP ‘er kan er heel goed zijn internetpagina’s mee maken. Wanneer u enige ervaring met html heeft is dat een groot voordeel, al is het strikt genomen niet noodzakelijk.

U kunt de hele installatie en inrichting van uw WordPress website zelf uitvoeren, op internet staan veel goede handleidingen en ook de uitleg van WordPress zelf is helder. Heeft u veel tijd en weinig budget, dan is dat de juiste route.

U kunt natuurlijk ook deze technische zaken overlaten aan een bedrijf als het onze. Niet alleen omdat u op die manier sneller zou kunnen werken, maar vooral omdat wij door de ervaring die we opgebouwd hebben de kleine, maar belangrijke details voor u kunnen regelen.

Zelf concentreert u zich zo op het belangrijkste: de inhoud! Goed geschreven teksten zijn en blijven  het hart van uw website.

Een goed voorbeeld is NRC Next waar de eigenschappen van WordPress uitstekend tot hun recht komen. De site is helder, eenvoudig van uiterlijk en er ligt een grote nadruk op leesbaarheid.

NRC heeft de breedte van de hoofdkolom beperkt en veel witruimte rondom de tekst gecreëerd waardoor het gemakkelijk leest. De regelhoogte (de ruimte tussen de regels) is ook net iets meer dan vaak gebruikt wordt, ook iets wat het lezen comfortabeler maakt.
Wanneer in de toekomst e-readers met een 10″ scherm voor een redelijke prijs beschikbaar komen zullen dergelijke websites ook op een scherm goed te lezen zijn. (of misschien is dit al een stap in de goede richting ?)

, ,

Nog geen reacties