Artikelen

Mooie social media icons toevoegen zonder dat je meteen een hele kermis op je site hebt... dat kan met monochrome social media icons. Deze set is heel mooi, en voor de luie mensen onder ons is hij ook uitgebracht als webfont.

Een rechtenvrije Helvetica bestaat niet.... maar Open Sans van Google Webfonts komt best aardig in de buurt. Bovendien is Open Sans ook nog heel makkelijk te implementeren. Dus volgende keer als je weer Helvetica in je website wil gebruiken... Kies voor rechtenvrij. Kies voor Open Sans.

Het maken van afgeronde hoekjes op IMG elementen is een lastige opgave. Er zijn twee oplossingen voor dit probleem. Deze zal ik hier beide beschrijven. De eerste oplossing werkt in alle browsers, maar heeft geen anti-aliasing. De tweede werkt niet in Internet Explorer 8 en lager, maar heeft wel anti-aliasing.

Als het buiten sneeuwt... wat is er dan leuker om het ook op je website te laten sneeuwen? Weinig eigenlijk. Lees hier hoe je dat in slechts drie stappen te doen.

Een custom lettertype op je website? Dat kan toch niet? Een font embedden kan toch alleen in Flash, niet in HTML? Ja wel met font-face. Maar hoe werkt het precies... en werkt het wel ECHT? Let me explain.

Een pagina automatisch laten scrollen met javascript... Klinkt niet moeilijk... maar is het ook simpel? Laten we eens kijken.

Google heeft vandaag mijn leven veranderd.... Hoe? Dat zal ik uitleggen. Als ik gisteren een titel in een exotisch lettertype wilde hebben dan gebruikte ik PHP en GD libarary. Deze twee liet ik een plaatje genereren dat het lettertype van mijn keuze bevatte. Dit lettertype zette ik dan op mijn webserver. Maar vandaag is slechts één regeltje code genoeg!

Normaal wordt van een domein of map op dit domein de index pagina standaard geopend. Nu kan voorkomen dat je liever hebt dat een ander bestand wordt geopend bijvoorbeeld 'temp.html' in plaats van de index.html. Met een .htaccess bestand op je server kun je dit aangeven.

Een afbeelding slicen en opslaan naar een HTML pagina is helemaal niet moeilijk. Photoshop biedt je in enkele eenvoudige stappen een goed resultaat. Dit artikel legt in enkele stappen de slice functionaliteit uit in Photoshop.

Het is mogelijk om vanuit Flash naar je HTML/PHP website te communiceren. Dit kan door middel van JavaScript. Je kunt vanuit JavaScript een call doen naar Flash en vanuit Flash kan ook weer gecommuniceerd worden naar JavaScript. Dit artikel zet eenvoudig uiteen, hoe je deze communicatie tot stand brengt.

Soms wil je de afmetingen van de viewport (browser afmetingen) opvragen via Javascript. Hier vind je een functie (en implementatie) van een functie die de Viewport Size opvraagt. Het is heel simpel, kijk maar...

FF een Lightboxje installeren. Het is een 'piece of cake', maar het maakt je website meteen een stuk sjieker. Er zijn vele varianten van de Lightbox gemaakt. De originele Lightbox kan alleen afbeeldingen openen. Daarom laat ik in dit voorbeeld zien hoe je de variant 'Thickbox' installeert. De Thickbox kan naast afbeeldingen ook iframes en flash-video aan.

In dit artikel wordt een PHP function beschreven die e-mailadressen die je op je website publiceert beschermt tegen bots en spiders die e-mailadressen zoeken en verzamelen voor het versturen spam. De functie maakt gebruik van een substitutie cipher die van sleutel wisselt elke keer dat de pagina geladen wordt.

Als webdeveloper heb je tools nodig om je resultaten te testen en te bekijken. De jongens bij Mozilla begrijpen dat. Daarom kan je als webdeveloper niet om FireFox heen. FireFox heeft namelijk twee specifieke add-ons uitgebracht die perfect inspelen op de behoefte van de webdeveloper: FireBug en de FireFox Web Developer Toolbar. Deze laatste wordt hier kort toegelicht.

Er wordt mij wel eens gevraagd of ik een HTML pagina in Flash kan zetten en wanneer dit dan klaar kan zijn. Ik zeg dan dat dit een vrij pittige onderneming is. "Flash in HTML kan toch ook", wordt er dan gezegd. Helemaal niet zo’n heel rare gedachte.

Heb je wel eens een HTML e-mail willen sturen? Heb je toen ook Outlook geopend en gezocht naar de knop 'Insert > HTML'? Daarna GMail gechecked en Hotmail...? Het is raar maar waar: een gebruikersvriendelijke oplossing voor het sturen van HTML e-mail blijkt zeldzaam. En dat terwijl het toch heel handig is wanneer je een nieuwsbrief template wil testen, of als je een mooie uitnodiging naar je vrienden wil sturen!

Stel dat je een database hebt waarin je naast postcodes ook latitude (LAT) en longitude (LNG) wil opslaan, hoe doe je dat dan? Je kunt natuurlijk betalen aan een bedrijf dat de koppeling tussen geolocaties en postcodes verzorgt, maar het kan slimmer. Google biedt deze functionaliteit namelijk gratis aan via zijn API. Het enige dat je hoeft te doen is de GMaps API key aanvragen en de onderstaande instructies volgen... EASY!

Wegens succes geprolongeerd op bewired: de uitleg over het redirecten van een webpagina! Hoe vaak komt het niet voor dat je een webpagina direct wil laten doorlinken naar een ander webpagina? Daarom hebben we hier drie verschillende manieren uitgelegd: via een meta-refresh tag, via JavaScript en via een .htaccess file.

Dacht je dat je alle HTML tags wel kende? Hier is er nog één: <acronym>. Wat is het? De definitie van W3Schools is kort en krachtig, maar niet heel verhelderend. Hier een toelichting.

Wat dacht je van een gratis editor, waarin je HTML netjes wordt herkend (gekleurd) en waarmee je online files kunt editen via een geïntegreerde FTP module? Natuurlijk bestaat dat wel! Het heet Notepad++.

Hoe maak je een icoontje die in de adresbalk van de browser verschijnt? Deze vraag gaan we in dit artikel beantwoorden. Zo’n icoontje heet een favicon of pagina icoon en heeft een speciaal bestandstype (.ico) dat gelezen wordt door de browser.