De ontwerpers zitten in Photoshop CS(x) te shoppen aan verschillende mooie gradient buttons. Uiteindelijk gaat de webbouwer er mee aan de slag en laat via een vernuftige CSS ‘formule’ de buttons zien met een te gek hover- en clickeffect. Daar hebben we al een lange tijd een mooie oplossing voor. Geen afbeelding meer nodig, louter kleuren en het gewenste hovereffect. Dit wordt zelfs ondersteund door de Microsoft uitvoeringen van de internet browser (IE).

Klik hier voor een DEMO.

Inderdaad de kracht van CSS!

Met de introductie van CSS3 hebben website-ontwikkelaars enkele leuke tools gekregen om op een dynamischer manier websites te ontwikkelen. Gebruik de CSS3 functies, maar een belangrijk NO is: ga er niet van uit – en zorg voor alternatieve back-ups in je ontwerp indien CSS3 niet wordt ondersteund (denk aan IE browsers).

Met CSS3 hebben we toegang tot realtime animatie, ronde hoeken, draaien van tekst en divs, schaduw, import van bijzondere fonts, etc. Als voorbeeld voor deze nieuwe wonderlijke online toepassingen – hebben wij een voorbeeld online gezet. Bekijk deze en gebruik de mogelijkheden.

De foto mag niet worden gebruikt of worden aangepast. Gebruik alle bestanden alleen als test en niet voor publicatie.

Online Demo

Belangrijk: Jouw browser moet (helaas) WebKit ondersteunen om de rotatie te zien

Iedere keer wanneer een website wordt gemaakt, beginnen we met een leeg document. Wordpad, een tekstverwerker, Go Live of de meest geliefde Dreamweaver. Maar waarom altijd beginnen met het instellen van de standaard instellingen (styling) van het document. Dat kan sneller en handiger. Download de broncode van een gecentreerde website en hoe men deze W3C moet opbouwen.

Sorry voor de mensen die niet updaten. Geen IE 6 support. Inderdaad, werk je software bij, en surf veilig!

Downloaden:

Index broncode

Stylesheet bestand