Tagarchief: css

CSS knoppen generator

buttons
buttons (Photo credit: sharonstoned1)

Mede dankzij de mogelijkheden van CSS3 zijn er diverse mogelijkheden om mooie / leuke knoppen te maken voor op jouw website. Je hoeft dus niet meer met Photoshop of een ander tekenprogramma aan de slag om een aardige button te ontwerpen. Maar ondanks dat je een leuke knop kunt designen met CSS, is het nog best lastig om de stylesheet codes goed te krijgen en hierin ook de juiste kleuren te verwerken. En ben je klaar dan valt het resultaat misschien zelfs een beetje tegen en moet je opnieuw de CSS aanpassen.

Maar je kunt ook gewoon lekker aan de slag met diverse online button generators. Er zijn diverse sites waarop je de CSS code van een leuke knop kunt laten genereren. Hieronder noem ik een paar sites met een CSS knoppen generator erop:

  • http://www.cssbuttongenerator.com/

    Een handige tool want hierin zitten alvast wat kleurschema’s en het is verder vrij eenvoudig in het gebruik. Er missen wel een paar extra tweaks die andere tools wel hebben maar dat is het gevolg van het eenvoudig willen houden van de tool vermoed ik. Wat ook handig is, de achtergrond van de preview knop is hier effen grijs waardoor je via een screenprint de knop eenvoudig kunt uitknippen en in jouw Photoshop ontwerp kunt plaatsen.

Lees verder CSS knoppen generator

Gerelateerde Posts:

Voorbeelden van sites met grote achtergronden

Met de toename in downloadsnelheid is de regel dat een website niet groter mag zijn dan 20 kb (kilobytes) niet echt meer van deze tijd. Dit biedt creatief gezien wel weer mogelijkheden. Zo zien we op websites meer gebruik van mooie en vooral grote foto’s. Met name zie je veel headers met grote afbeeldingen die je vervolgens kunt sliden, van links naar rechts kunt schuiven waardoor een nieuwe foto in beeld komt. Een andere trend is het gebruik van hele grote achtergrond afbeeldingen. Vaak is de achtergrond van een website een egale achtergrond kleur, een verloopje of een repeating tile / tegel. Maar veel mooier is een beeldvullende afbeelding natuurlijk. Hieronder een site met diverse voorbeelden daarvan.

Maar let op: Google geeft bij de beoordeling van de ranking van een site ook punten voor de snelle laadtijd, dus een foto van 150 kb op de achtergrond is misschien wel mooi, maar Google zal geen punten geven voor snelle laadtijden.


40 voorbeelden van grote backgrounds in webdesign

Gerelateerde Posts: