Een Flickr widget met jQuery maken

Flickris een goeie manier op je foto's te delen met de rest van de wereld. Elke maand kun je gratis 300mb aan data uploaden, en voor een paar tientjes kan dit zelfs bijgesteld zodat je onbeperkt foto's kunt uploaden. Daarbuiten bied het om de foto's heen nog heel veel mogelijkheden: Onder andere tonen op de kaart, commentaar achterlaten en galerijen maken van je mooiste foto's. Én wat ze ook aan bieden: Een uitgebreide API. Laat die nou net even mooie opties bieden!

Flickr logo

Bestanden verplicht laten downloaden

In de reeks van .htaccess tips deze keer een uitleg over het verplicht laten downloaden van bestanden met behulp van de .htaccess.

Er zijn genoeg situaties denkbaar dat je ervoor wilt zorgen dat bestand niet ingekeken kunnen worden, maar meteen gedownload moeten worden. Dit kan via PHP met behulp van header, maar vaak is dat nogal een gedoe als het maar om een paar bestanden gaat en er geen authenticatie nodig is. De .htaccess is hier uitstekend geschikt voor. Doordat deze rechtstreeks door Apache wordt uitgelezen doet deze het zware werk voor je.

jQuery en grote selecties

Niet zelden loopt de gemiddelde programmeur tegen het probleem op: Grote selecties waardoor een pagina tergend traag en soms zelfs de browser vast loopt. Denk bijvoorbeeld aan een pagina waar het hele klantenbestand op staat? Of een lijst met allen producten erin? Dit zijn slechts 2 voorbeeld van pagina's waarbij het niet ondenkbaar is dat meer 1.000 elementen staan waar een jQuery actie aan gehangen moet worden. Maar hoe pak je nou zoiets aan?

Werken met grote selecties

Een directory afschermen via een IP-adres

Je kent het wellicht wel: Je hebt een test omgeving waarop je aan het werk bent, maar steeds moet je je wachtwoord invoeren. Dit valt vrij eenvoudig te voorkomen door je test omgeving af te schermen met een .htaccess die afgeschermd is op basis van je IP-adres.

een-directory-afschermen-via-een-ip-adres.png

PHP errors laten e-mailen

Onlangs kwam ik het probleem tegen dat een script een foutmelding veroorzaakte welke ik niet kon achterhalen. Deze werd door een extern proces aangeroepen, maar dat leek om een of andere reden niet te werken. Wanneer ik het script handmatig aanriep werkt dit wel naar behoren. Om te kijken of er fouten werden veroorzaakt besloot ik om fouten naar mijn e-mail adres te laten e-mailen.

Google Maps op je mobiel

Google Maps op je mobiel

Een uitschuif menu met jQuery maken

Soms is er ruimte te kort op je website, of wil je extra informatie tonen die alleen op aanvraag getoond wordt. Dan is het makkelijk om een menu te hebben die kan uitschuiven. In dit artikel ga ik bespreken hoe je zo'n menu zelf in elkaar kunt zetten.

De HTML opbouw

De HTML is vrij eenvoudig, en ziet er als volgt uit:

  1. <div id="top-menu">
  2.         <div id="top-menu-content">
  3.                 Hier komt de content van het menu.
  4.         </div>
  5.         <div id="top-menu-label">
  6.                 Label
  7.         </div>
  8. </div>

Ook de CSS is relatief eenvoudig opgebouwd:

  1. div#top-menu {
  2.         position: fixed;
  3.         z-index: 9999;
  4.         background: #fff;
  5. }
  6.  
  7. div#top-menu-label {
  8.         background: #fff;
  9.         position: absolute;
  10.         width: 100px;
  11.         height: 25px;
  12.         left: 50%;
  13.         margin-left: -50px;
  14. }

Het daadwerkelijke verbergen van de content gaan in de volgende stap met jQuery doen. Dan blijft enkel het labeltje zichtbaar.

Achtergrond die altijd past

Als eens tegen het probleem aangelopen dat je een achtergrond als foto wilde, maar dat dit niet goed lukte? Ik ook, en naar wat zoeken ben ik achter de oplossing gekomen. Uiteindelijk bleek dat dit helemaal niet zo moeilijk is

Website wrapper

Om te beginnen moet de website binnen één DIV element staan. De meeste moderne sites worden op deze manier opgebouwd, dus dat zal geen probleem zijn. Hier moet er nog een DIV element toegevoegd worden, naast de wrapper. Hierin wordt dan een IMG tag geplaatst die weer naar de afbeelding verwijst. Globaal ziet dit er dan ongeveer zo uit:

Ajax progressbar met jQuery

Wanneer in je web applicatie opties hebt die een lange tijd nodig hebben om te voltooien, kan het makkelijk zijn om een laadbalk te tonen. Zodoende weet de bezoeker waar deze aan toe is en blijft daardoor op de site. Het maken van een progressbar op zich is niet zo moeilijk, jQuery heeft daar zelf een plugin voor. De techniek die erachter schuilt kan wat lastiger zijn. De methode die ik hier gebruik kijkt niet daadwerkelijk hoever het proces is, maar hakt het proces in stukjes. Afhankelijk van hoeveel stukjes al gedaan zijn kan uitgerekend worden hoever het proces is.

SSL certificaat uitlezen in PHP

Soms kan het nodig zijn om een SSL certificaat in PHP uit te lezen. Zo kan bijvoorbeeld de verloop datum van het SSL certificaat uitgelezen worden, wat weer makkelijk kan zijn voor het beheer hiervan. Ik ben een behoorlijk tijd hiermee aan het stoeien geweest, en wil dit daarom graag delen.

Gegevens opvragen

Het opvragen van de gegevens gebeurt met behulp van een stream, en ziet er zo uit:

Inhoud syndiceren