WHELP! geeft advies over ontwerp, bouw en zoekmachine optimalisatie van je website. Ben je hier voor de eerste keer? Start dan bij het 4-stappenplan voor een eigen website.

tips

Let it snow, let it snow, let it snow!

Misschien vind je het leuk om het – in het kader van de Kerst – te laten sneeuwen op je website. Dit is minder moeilijk dan je denkt. Voor het sneeuw effect dat je rond de Kerst kunt zien op deze website heb ik een script gebruikt van Rasmus Beyer Petersen.

Sneeuw maken met javascript
Het werkt met een klein javascriptje en een sneeuwvlok afbeelding:
1) Download het script en een sneeuwvlok naar wens van de website van Rasmus.
2) Zet het script op een plek op je server en verwijs daarnaar in het javascript.
3) Sluit het javascript direct in na de body-tag van je website.

<script type="text/javascript" src="[het-pad-naar-je-javascript]/snow.js"></script>

Tot slot
Tot zover deze kleine tip. Prettige kerstdagen!

» lees de rest van dit artikel

Geplaatst op 24.12.07 | Tinyurl: http://tinyurl.com/aquj7m | Reageer!
Tags: | Categorie: tips

CSS Tutorials van MaxDesign: lijsten, floats en selectors

Logo MaxDesign

Dat je met CSS heel wat kan bereiken blijkt wel uit de site van MaxDesign. Als je op zoek bent naar een aantal goede tutorials over CSS kan ik je deze website van harte aanbevelen.

Lijsten
In 3 tutorials (Listamatic 1 en 2 en Listutorial) wordt helemaal uit de doeken gedaan hoe je lijsten kunt bewerken met CSS. Ideaal voor het maken van menu's:
- opmaak van je lijsten
- menulijsten
- horizontale lijsten (zoals hierboven mijn menu)
- het vervangen van bullets door afbeeldingen
Een Browser chart laat precies wat werkt in welke browser. Begin je net met CSS, start dan met de Listutorial.

Floats
In het Floatutorial staat hoe je onderdelen in je site uitlijnt met CSS. Bijvoorbeeld om een afbeelding naast je tekst te plaatsen. Ben je van plan fotoslides te gaan maken? Dan is deze tutorial een goed begin.
Een ander onderdeel hiervan is een uitleg van een 2-koloms of 3-koloms liquid layout met CSS. Whelp.nl heeft een 3-koloms layout. Liquid betekent dat de breedte meegroeit of krimpt met de breedte van een browser. Hier heb ik zelf niet voor gekozen omdat ik de voorkeur geef aan pagina's die voorspelbaar zijn. Ook houd ik er in de opbouw van mijn pagina (teksten en afbeeldingen) rekening mee. Bij een liquid layout heb je dat – naar mijn mening – wat minder in de hand.

Selectors
Dit tutorial tot slot gaat meer over de basale mogelijkheden van CSS en welke keuzes je hierin kunt maken. Wat minder aansprekend, maar – net als die hierboven – zeer uitgebreid en duidelijk.

Meer lezen?
Ben je geïnteresseerd in CSS? Kijk dan ook eens bij de CSS Zen Garden.

» lees de rest van dit artikel

Geplaatst op 10.09.07 | Tinyurl: http://tinyurl.com/a8gn2n | 2 reacties
Tags: | Categorieën: ontwerp, tips, tutorials

10 tips website om je website sneller te maken

De laadtijd van je website is een belangrijke factor in het aantal bezoekers dat je trekt. De snelheid van een pagina kan van heel wat factoren afhangen: de server zelf, de fysieke afstand naar de server, het CMS dat je gebruikt, of je wel of niet pagina's cachet, de zwaarte van de pagina, afhankelijkheid van externe websites. Hoe sneller hoe beter. Een paar richtlijnen om je pagina's sneller te krijgen:

1) Gebruik een server in Nederland
Hoe dichter bij huis, des te sneller de data van A naar B gaat.

2) Neem niet de goedkoopste hostingpartij
Goedkope hostingpartijen moeten hun winsten wel uit volume halen. Dus kom je terecht op servers met veel andere klanten (soms te veel). Dit legt extra beslag op de rekenkracht van de server en maakt de kans op trage pagina's groter.

3) Gebruik pagina caching op je server
Dit houdt in dat een pagina 1x op je server gegenereerd wordt en daarna uit de cache van het CMS wordt gehaald. In Joomla en WordPress kan je dit instellen. Je pagina hoeft dan niet meer iedere keer opnieuw opgebouwd te worden, wat tijd kan schelen. Ik gebruik dit zelf niet omdat ik de inhoud van de pagina mede laat afhangen van de pagina waar bezoekers vandaan komen. Dit kan iedere keer anders zijn.

4) Maak je HTML code zo klein mogelijk
Haal overbodige elementen weg. Bijvoorbeeld commentaar, regeleinden en en witruimtes. Alles bij elkaar kunnen die voor heel wat extra data zorgen. Als je de broncode van mijn site bekijkt zul je zien dat ik dit – waar mogelijk – toepas. Kijk hiervoor ook eens bij Google.

» lees de rest van dit artikel

Geplaatst op 23.06.07 | Tinyurl: http://tinyurl.com/dczb5n | 5 reacties
Tags: | Categorieën: bouw, testen, tips

Heb jij tips voor commentaar op je weblog?

Zoals je misschien hebt opgemerkt heb ik sinds kort het commentaar weer opengezet op mijn weblog. Het heeft een tijdje uitgestaan. Reden dat ik het uit had staan was dat het – naar mijn mening – nog te weinig gebruikt werd. Nu ik inmiddels een flink aantal bezoekers heb (waarover binnenkort meer en dank allemaal!) leek het me een goed idee om deze functionaliteit weer open te zetten.

10 tips voor het krijgen van commentaar
Op diverse weblogs vind je tips voor het krijgen van commentaar. Een paar daarvan die ik zelf handig vind zal ik zo noemen, maar ik ben benieuwd hoe jullie daar tegenaan kijken en roep iedereen op die tips voor commentaar hier te posten!

1) Spelregels
Wees duidelijk in hoe je zelf met commentaar omgaat. Wat kan wel en wat niet? Zet dit bij ieder bericht dat je plaatst erbij. Zie ook mijn spelregels voor commentaar op mijn weblog.

2) Vraag!
Eindig elk bericht met een oproep om commentaar te plaatsen. Als je het niet vraagt zullen je bezoekers niet geneigd zijn om berichten te plaatsen. Dus bij deze!

3) Eenvoud
Geef je bezoekers de gelegenheid direct te reageren. Laat ze niet eerst inloggen om commentaar achter te laten en keur commentaar in principe direct goed. Mocht er iets mis mee zijn, dan kan je altijd nog achteraf corrigeren.

4) Reageer
Als iemand commentaar geeft, reageer. Misschien niet direct onder het bericht zelf; het kan ook met een e-mail. Bedank bezoekers voor het leveren van commentaar.

5) Sta links toe
Geef je bezoekers de mogelijkheid om een link op te nemen in het commentaar! De hyperlink is wat het internet ons als grootste vernieuwing heeft gebracht: het netwerk. Geef die mogelijkheid!

6) Wees niet te volledig in je artikelen
Als een artikel af is, waarom zouden anderen nog reageren?? Tja, dat is iets waar ik zelf nog aan moet werken. Van nature geef ik graag complete verhalen. Dus laat ik hier maar ophouden! Ik ben benieuwd naar jullie tips!

» lees de rest van dit artikel

Geplaatst op 09.04.07 | Tinyurl: http://tinyurl.com/7b496d | 5 reacties
Tags: | Categorieën: blogging, tips

TIP! Adverteer voor 50 euro gratis bij Google Adsense

Google adsense - 50 euro kado Zojuist werd ik via het blad Sprout geattendeerd op een actie van Google voor 50 euro aan gratis advertenties. Wil je dit ook, kijk dan op www.google.nl/gratisadverteren.

Sprout kan ik je overigens ook zeer aanbevelen.

Update
Op 21 augustus 2007 bleek dat deze actie niet langer meer geldig is (met dank aan Marije Weterings voor deze opmerking).

Domeinnaam vrij?

  • Test via Byte op .nl, .eu, .be, .com, .net, .org, .biz, .info, .de, .co.uk, .tv, .nu, .cn en .name
RSS