The Real Feminem, een leuke parodie

16 mrt 2011 18:25 | Geplaatst door Marcel

Boy George heeft ooit een leuke parodie op Eminem gemaakt. De gecensureerde 7″ is wel op youtube te vinden, maar de leukere 12″ niet. Het nummer is uit 2005 ongeveer, en ik vind het erg leuk.

The_Real_Feminem-Swallow_Me (download)
(html5 player)

 

Boy George heeft ooit een leuke parodie op Eminem gemaakt. De gecensureerde 7″ is wel op youtube te vinden, maar de leukere 12″ niet. Het nummer is uit 2005 ongeveer, en ik vind het erg leuk. The_Real_Feminem-Swallow_Me (download) Your browser…
Verder lezen...

Audio met glans

10 mrt 2011 15:38 | Geplaatst door Marcel

Ik heb in de woonkamer van mijn huis de geluidsuitgang van mijn computer aangesloten op de ingang van de versterker. Dit werkt best aardig, maar ik was nooit erg tevreden over de kwaliteit van het geluid.

Ik heb na wat aarzelen nu een betere geluidskaart gekocht, en een betere kabel.
De geluidskaart is een M-Audio 2496. Dit is een semi-professionele kaart, met 24bit en 96Khz kwaliteit. Het 24bit gedeelte doet niet echt veel, de meeste audiobestanden en cd’s zijn in 16bit gemaakt. Maar er zit wel een veel betere DAC op dan een onboard geluidskaart.

Het grootste verschil komt wel door de geluidskabel. Het is 20 meter kabel, en er lag supergoedkope kabel. Nu heb ik een HQ kabel, wat duidelijk dikker koperdraad heeft.

Het effect is dat mijn muziek nu veel meer glans heeft en helderder en warmer klinkt. Duidelijk een vooruitgang dus.

Ik heb in de woonkamer van mijn huis de geluidsuitgang van mijn computer aangesloten op de ingang van de versterker. Dit werkt best aardig, maar ik was nooit erg tevreden over de kwaliteit van het geluid. Ik heb na wat…
Verder lezen...

Popup contact formulier in WordPress

10 mrt 2011 11:25 | Geplaatst door Marcel

Het is mogelijk een contact formulier aan te maken wat via een popup getoond wordt. Vergelijkbaar met een lightbox popup. Er is geen plugin in WordPress die dat mogelijk maakt, dus ik heb met html/css en javascript zelf wat gemaakt.

Javascript

Als eerste laat ik de javascript zien die de popup mogelijk maakt. Deze javascript code kun je plaatsen in header.php van je wordpress template.

Je ziet dat er bij het aanroepen van de functie latenzien(), dat er een divje op display:block gezet wordt, en met een animatie in jQuery wordt hij ondoorzichtig gemaakt. Om de overlay maar voor 80% ondoorzichtig te maken heb ik als achtergrond van de div een half-transparante png gebruikt.

HTML

De html code kan geplaatst worden aan het eind van footer.php, net binnen de body.
Let op de shortcode van Contact Form 7, er zitten voor de juiste weergave nu wat spaties in.

Om de code zichtbaar te maken plaatsen we een button of link ergens in ons template, met een onclick event. Wanneer deze link geklikt wordt zal de popup verschijnen.

CSS

De CSS code is wat uitgebreider.

Je ziet hier dat de contact_overlay een position absolute krijgt, en dus over het gewone document heenvalt. De top:0; plaatst hem dan bovenaan.

IE6 – IE8

In IE6 t/m 8 is het probleem dat de transparante png compleet zwart is, en niet meer doorzichtig. Dit komt doordat IE6 – IE8 een probleem met opacity heeft. Verander je de opacity van een transparante png, dan wordt het transparante deel zwart.
Dit is te omzeilen door een gif te gebruiken voor IE. Ik kreeg een halftransparante gif echter ook niet goed, en heb het anders opgelost. Ik heb een gif gebruikt van 4 pixels, waarvan er 3 zwart zijn en 1 volledig transparant. In een stylesheet die voor IE6 – IE8 werkt is dit vervolgens toe te voegen.

Het is mogelijk een contact formulier aan te maken wat via een popup getoond wordt. Vergelijkbaar met een lightbox popup. Er is geen plugin in WordPress die dat mogelijk maakt, dus ik heb met html/css en javascript zelf wat gemaakt.…
Verder lezen...

De lange weg naar html5

04 mrt 2011 18:10 | Geplaatst door Marcel

Ik kwam een interessant artikel tegen over html5 en de lange weg ernaar toe. Het handelt over hoe vroeger de html standaard tot ontwikkeling kwam. Het probleem van xhml (1.1) met zijn eigen mime-type en fout-afhandeling. En waardoor we nu weer terug bij html zijn.

De link is hier en is interessant leesvoer voor iedereen die de ontwikkeling van het web volgt.

Ik kwam een interessant artikel tegen over html5 en de lange weg ernaar toe. Het handelt over hoe vroeger de html standaard tot ontwikkeling kwam. Het probleem van xhml (1.1) met zijn eigen mime-type en fout-afhandeling. En waardoor we nu…
Verder lezen...

Kwyjibo muziek

28 feb 2011 22:35 | Geplaatst door Marcel

Ik weet niet precies meer hoe ik er aan kom, maar een aantal jaar geleden kwam ik het tegen op Orkut, Google’s community-site, die nu zo populair is in Brazilie.
Het is muziek van een Nederlander, en het klinkt geweldig. Ik heb begrepen dat hij muziek is gaan maken voor tv-programma’s, en niet zelf door wilde als singer/songwriter. Ik luister er in ieder geval graag naar.
Hier volgen de linkjes:

Kwyjibo – Letting Go (download)
(html5 player)

Kwyjibo – Living Sun (download)
(html5 player)

Kwyjibo – Push Me (download)
(html5 player)

Kwyjibo – So Cool (download)
(html5 player)

Kwyjibo – Where I Belong (download)
(html5 player)

Ik weet niet precies meer hoe ik er aan kom, maar een aantal jaar geleden kwam ik het tegen op Orkut, Google’s community-site, die nu zo populair is in Brazilie. Het is muziek van een Nederlander, en het klinkt geweldig.…
Verder lezen...

Custom zoekresultaten in WordPress

24 feb 2011 09:52 | Geplaatst door Marcel

Binnen WordPress kun je een widget gebruiken om te zoeken binnen de website. Vaak zijn de standaard zoekresultaten in WordPress voldoende. Soms echter wil je de zoekopties verfijnen. Dit kan op een simpele manier door extra velden mee te geven in het formulier.

De functie get_search_form() heeft standaard als output in WordPress 3.0 het volgende:

De enige variabele die hier meegegeven wordt is “s” met de waarde van de zoekopdracht, in dit geval “zoektest”. Je kunt echter vele verfijningen toevoegen. Bijv. dat in de resultaten alleen berichten worden weergegeven. Dit doe je met de volgende toevoeging:

Hier geven we de waarde “post” mee, oftewel alleen berichten. Standaard staat dit op “any”.
Zo zijn er veel toevoegingen. Met een var_dump() van het object $wp_query kun je aan het begin de standaardwaardes van alle zoekvariabelen zien. Met een var_dump() van $wp_query->query kun je de huidige query uitlezen.

Searchform.php

Je kunt dit geheel aan input-velden de standaard zoekfunctie maken door een searchform.php aan te maken in je theme map. De searchform.php kan er dan als volgt uitzien:

Iedere keer dat je nu de functie get_search_form() aanroept komt het juiste formulier tevoorschijn.

Binnen WordPress kun je een widget gebruiken om te zoeken binnen de website. Vaak zijn de standaard zoekresultaten in WordPress voldoende. Soms echter wil je de zoekopties verfijnen. Dit kan op een simpele manier door extra velden mee te geven…
Verder lezen...