| Home | Archief nieuwsbrief | Abonnement | Wie zijn wij ? | Contact | Adverteren |
Nieuwsberichten van 25/04/2024
[Nieuws]EU: problemen met TikTok Lite en strengere re...
[Nieuws]Windows 11: voortaan met advertenties
[Hardware]Update voor slimme bril Ray-Ban Meta
[Site]Be Smart: hoe ons brein ons laat geloven in b...
[Site]Well Tempered Traveler: temperatuur
[Software]Audacity 3.5: nieuwigheden
De meeste populaire reacties
[14]Vragen van de lezers ...
[9]Vragen van de Netties-lezers ...
[8]Vrijdag alternatieve OS: Ubuntu 9.1 ...
[7]Netties vraagt hulp lezers bij oplo ...
[7]Linux - Deel 1 - Een korte inleidin ...
De meeste recente reacties
Tip: hoe kan je een foute Facebook posting me ...
Snapmail: zelf-vernietigende mails ...
De ene site om YouTube filmpjes naar MP3 om t ...
GDPR: Europa tracht de burger te beschermen ...
Robocops patrouilleren al in de straten ...
Zoeken met Google 


Reclame 

Volledig artikel

Tips voor webwerkers
Wat zijn web badges en hoe kun je die zelf maken?

Je bent ze vast wel eens tegengekomen op een website of weblog. Van die kleine kleurrijke bannertjes, vaak met een afbeelding en wat tekst en meestal direct gelinkt aan een website. Deze kleine banners worden ook wel ‘web badges’ of ‘antipixel-buttons’ genoemd en hebben de karakteristieke afmeting van 80 pixels breed bij 15 pixels hoog. Ze worden onder meer gebruikt om links uit te wisselen of om aan te geven onder welke software hun website draait. Onderstaande buttons worden voornamelijk gebruikt om webstandaarden te promoten.

Deze buttons kun je dus gebruiken om aan te geven dat je website of weblog (X)HTML- en CSS-valide is. De buttons kun je dan linken naar de validatie-tools van W3C, zodat bezoekers van je site ook zelf de validatietest kunnen uitvoeren. Veel van deze buttons kun je gratis downloaden van internet. Neem voor de aardigheid eens een kijkje op onderstaande websites en ontdek wat er zoal gemaakt is.
http://gtmcknight.com/buttons
(Rechts in het ‘Buttons Menu’ staan de categorieën vermeld).

http://www.zwahlendesign.ch/en/node/19
Natuurlijk kun je ze ook zelf maken met behulp van je favoriete teken-/fotobewerkingssoftware, maar internet zou internet niet zijn als ook hier geen gratis online tools voor beschikbaar zouden zijn.
Een voorbeeld van zo’n site is:
http://www.lucazappa.com/brilliantMaker/buttonImage.php.

Hier zie je gelijk al een voorbeeld van een button staan onder de tekst ‘Your brilliant button is ready’. Met de voorbeeldwaarden is dus deze button gecreëerd. Je kunt op allerlei manieren deze button bewerken of er natuurlijk zelf eentje maken. Je kunt onder andere de kleur van de randen, de achtergrond en de tekst wijzigen.
Ook het lettertype en de tekst zelf kun je wijzigen. Verder kun je de grootte van zowel het linker- als het rechtervlak wijzigen. Je kunt zelfs een afbeelding uploaden en die in het linker- of het rechtervlak plaatsen. Legio mogelijkheden dus. Geen wonder dat er al zoveel buttons gemaakt zijn! Probeer gewoon eens wat uit en druk op de knop ‘Create’ om het resultaat te bekijken. Ben je tevreden, dan kun je de button opslaan of zelfs per email versturen.
Succes!
P.S. Als je in Google gaat zoeken op ‘80 x 15 button maker’ kom je nog meer van dit soort tools tegen om deze buttons te maken.
Jeroen Hoekstra van Alphamegahosting.com

Sjeef]

geef uw reactie hier

  
Archief per categorie

Nieuws
EU: problemen met TikTok Lite en strenge... 25/04
Windows 11: voortaan met advertenties... 25/04
Microsoft: lichtgewicht AI , Phi-3 Mini,... 24/04
Nieuwe versie van Adobe Firefly maakt he... 24/04
Meta opent het Quest OS ook voor andere ... 23/04
Dating: Tinder lanceert Share My Date en... 23/04
Apple nam in alle stilte Datakalab over... 23/04
Meta: AI-nieuwtjes en een prijsdaling vo... 22/04
Microsoft geeft toe: VASA-1 kan gemakkel... 22/04
Los Angeles gebruikt AI om te voorkomen ... 22/04
Meer artikels ....
Hardware
Update voor slimme bril Ray-Ban Meta ... 25/04
Open Home Foundation moet open standaard... 23/04
Menteebot: een robot zo groot als een me... 22/04
Meta wil de Quest in het klaslokaal... 18/04
Nieuwe interfaces bedenken: AI pin bewij... 17/04
Nieuwe ereaders van Rakuten Kobo... 12/04
Google Next: nieuwe Axion chips voor de ... 11/04
Nieuwe woordjes leren: JGEGLI... 10/04
Google: nieuw Find My Device netwerk... 08/04
Oura Ring Labs: experimentele functies... 04/04
Meer artikels ....
Oor
Amazon Maestro: AI speellijst... 17/04
Podcast: Napleiten... 15/04
RIP Google Podcast... 03/04
Oproep: doneer je muziek streaming data... 02/04
Spotify: voortaan ook cursussen... 26/03
Neil Young keert terug naar Spotify... 15/03
Spotify lanceert muziekvideo... 14/03
Podcast: Something was wrong... 11/03
De stemmen van Assisen: de moord op Ingr... 06/03
Podcast: Zij is van mij... 05/03
Meer artikels ....
Site
Be Smart: hoe ons brein ons laat geloven... 25/04
Well Tempered Traveler: temperatuur... 25/04
Portwatch... 24/04
FARO: Vlaams steunpunt voor cultureel er... 24/04
Mental Floss: spionnen... 23/04
Off The Grid... 23/04
Click That Hood... 22/04
Open Infrastructuur Map... 22/04
EDUbox: educatieve informatie rond Data ... 19/04
Character AI: babbel eens met een histor... 18/04
Meer artikels ....
Tip
Apple watch Faces: wat is het en hoe ins... 19/04
Google Photos update: leuke AI nieuwighe... 02/04
Netflix: ontdek meer titels... 20/03
Firefox: binnenkort tab previews... 18/03
Bekijk op je iPhone waar jij je foto s n... 13/03
Zo zet je Gemini als je standaard assist... 04/03
Zo maak je een avatar die je document vo... 28/02
Leren dankzij AI met gebruik van YouTube... 26/02
Wat moet je doen als je iPhone per ongel... 22/02
Fotografie: bewegingseffect... 09/02
Meer artikels ....
Software
Audacity 3.5: nieuwigheden... 25/04
Erfgoed App... 24/04
WinToys: sleutelen... 23/04
Edison Mail: mailclient... 22/04
LocalSend: bestanden verzenden... 19/04
AirChat: Twitter maar dan met spraak... 18/04
DxO PhotoLab: beeldbewerker... 17/04
Forest: tab manager... 16/04
Lawnchair: nu ook voor andere toestellen... 15/04
Geekbench: je apparaat toetsen... 12/04
Meer artikels ....
(c) www.netties.be 1.0 -- hosting & programmatie www.webdynamics.be (c)