Tweaking4All.nl - Web Design Archives

Voor wie op zoek is naar een overzicht van beschikbare XTerm kleuren, hier een kort overzicht ter referentie.
Deze kleuren zouden moeten werken op alles wat de XTerm kleurschema’s ondersteund, zoals een groot aantal terminal emulators, en verscheidene Shell varianten zoals b.v. X-Shell.

Ik had het toevallig nodig voor een project waarbij ik de prompt van de Z-Shell wilde aanpassen, dus ik hoop dat iemand anders er ook wat aan heeft als referentie.
Voor het gemak heb ik het opgesplitst in 3 groepen: De 16 basis kleuren, de 24 grijswaarde varianten, en het 256 kleuren kleurenschema.

Soms heb je een certificaat nodig zodat we ons netwerkverkeer kunnen versleutelen, bijvoorbeeld voor onze netwerk apparaten (b.v. NAS, IoT devices, lokale web server, etc).

Helaas kunnen we voor bepaalde toepassingen of scenario’s, geen legitiem certificaat van een CA (Certificate Authority) krijgen, omdat daar wat beperkingen op rusten.
In dit artikel laat ik je zien hoe je voor deze uitzonderingen een zogenaamd Self-Signed (self-created) certificaat kunt maken, voor Windows, macOS en Linux.

Ik zal ook de nadelen en mogelijke problemen van een Self-Signed certificate, of CERT, kort toelichten.

Omdat een van de WordPress plugins die ik gebruik niet meer ondersteund wordt door de developer, en ik geen goed alternatief kon vinden, moest ik zelf aan de slag om een plugin te schrijven. Niet een drama maar wel weer veel werk.

Ik wilde hiervoor Ajax gebruiken om netjes data op te halen.
Na veel zoeken en lezen over hoe je Ajax in WordPress gebruikt, merkte ik dat het verrassend beroerd wordt uitgelegd voor een beginner of een incidenteel gebruiker. Laat staan een eenvoudig werkend voorbeeld te vinden.
Zelfs het voorbeeld uit de WordPress Codex genereerde een “400 (Bad Request)” (je kunt dit zien in de console van jouw webbrowser).

Nadat ik het eindelijk uit had gezocht en werkende had, leek het me een goed idee er een artikel aan te wijden hoe je met Ajax in WordPress begint met behulp van PHP, JavaScript en jQuery.

Ik hoop dat iemand er wat aan heeft en hiermee zichzelf ellende kan besparen om aan de slag te gaan met Ajax in WordPress.

Voor wie met JavaScript werkt en zoekt naar een mogelijkheid om data lokaal (in de web-browser) op te slaan met behulp van Cookies: hier een korte beschrijving over Cookies, wat voor soorten er zijn, en hoe je er met JavaScript mee aan de slag kunt.

Omdat ik dit zelf niet vaak gebruik, en omdat het me ook handig leek voor anderen, heb ik besloten dat allemaal maar in een artikel te gieten zodat ik het later zelf ook weer terug kan vinden.

Eigenlijk is het werken met Cookies erg eenvoudig, maar het valt altijd wel weer tegen als je ziet dat JavaScript en mooie framework zoals jQuery geen beter functies ingebakken heeft om met Cookies te werken. Overigens zijn er voor jQuery verschillende cookie plugins te vinden – maar gezien de eenvoud toch weer jammer dat het er standaard niet in zit.

We werken niet allemaal dagelijks met Linux, en daar is helemaal niets mis mee.
Ik werk ook niet dagelijks met Linux, maar soms moet ik toch even toegang zoeken tot een Linux machine of aan de slag met Terminal onder MacOS X. Zeker als ik de toegangsrechten van bestanden of directories wil instellen.

Het commando hiervoor, chmod, is niet super moeilijk in gebruik, en wordt niet alleen op Unix varianten zoals Linux en MacOS X gebruikt, maar is heel vaak ook van toepassing als je met FTP aan de slag gaat. Voor het werken met chmod, hebben we wel een magisch nummer nodig om de juiste rechten toe te wijzen.

Omdat ik geen fotografisch geheugen heb, moet ik ook steeds weer zoeke hoe het ook al weer zat, en dan grijp ik vaak naar zo’n online chmod calculator, en omdat ik soms lui ben, leek het me een leuk idee om er gewoon een op m’n eigen website te zetten.

Dus hier dan en chmod calculator, geschreven in JavaScript …

Diegenen onder ons die regelmatig artikelen schrijven voor hun website of blog, weten wel hoeveel werk het is om echt zelf iets te schrijven, hoe kort het artikel ook moge zijn.

En wat is nu het meest vervelende? Mensen die gewoon lekker jouw werk kopiëren, zonder om toestemming te vragen, zonder zelf iets bij te dragen en zonder bron vermelding. Gewoon lomp weg kopiëren en plakken en doen alsof ze het zelf geschreven hebben.

Voor WordPress gebruikers (en als je alleen het JavaScript deel pakt, ook voor andere website eigenaren) kunnen met een eenvoudige truc automatisch een link of een copyright melding plaatsen onder de tekst/content dien van hun website gekopieerd wordt. Dit is niet alleen een nette reminder voor diegene die schaamteloos jouw werk kopieert, maar als ze het in tact laten ook nog een hulpje om SEO te verbeteren voor jouw website.

Zou het niet handig zijn om een widget te hebben voor het plaatsen van advertenties in de sidebar van jouw WordPress website, b.v. een advertentie van Google Adsense?

Uiteindelijk beheer je de layout van jouw sidebar(s), normaal gesproken, via de Admin pagina’s van WordPress, dus waarom niet voor het plaatsen van advertenties in de sidebar?

Er zijn vast legio plugin die dit ook doen, maar ik ben zelf niet zo’n plugin fan, dus hier een eenvoudig stukje code dat dit voor je doet. De code wordt toegevoegd aan “functions.php” en de widget wordt daarna vanzelf beschikbaar in de admin pagina’s en kan waar dan ook, zoveel als je wilt, in de sidebar geplaatst worden.

Helaas zijn de meeste websites gedwongen om advertenties te plaatsen, al is het maar om te proberen de hosting kosten te dekken.
Dit geldt dus ook voor Tweaking4All – ik had liever helemaal geen advertenties, maar van donaties alleen gaat het echt niet lukken.

Het nadeel van advertenties, behalve dat ze als vervelend ervaren kunnen worden, is dat ze alleen wat opbrengen als ze op de juiste plaatsen verschijnen zodat bezoekers er op klikken (hint!).

Nu ben ik misschien niet de beste persoon om adviezen te geven, over waar je nu wel of niet advertenties moet plaatsen, maar voor mijn gevoel zijn er 3 “goede” locaties.
In het begin, aan het einde en … in het midden van een artikel of post.

In dit artikel laat ik je zien hoe je automatisch een advertentie in een artikel of post kunt plaatsen. Zonder het gebruik van plugins, zonder de post in de database te wijzigen. Gewoon geheel automatisch een advertentie voor de n^de <H2> tag. De beschreven functie zal gewoon in de “functions.php” van jouw thema geplaatst worden.

Ik ben in de afgelopen jaren vaak benaderd met vragen over het maken van een zogenaamde screenshot, print-screen, of schermafbeelding.

De gemiddelde gebruiker, gebruikt een screenshot voor het plaatsen van afbeeldingen in handleidingen of documentatie, of voor artikeltjes op hun website (zoals ikzelf dus ook doe). Maar het wordt ook vaak gebruikt om te illustreren wat er fout gaat op hun computer.

Net als bij een gewoon stuk papier, wil men daar graag aantekeningen of opmerkingen bij plaatsen – de zogenaamde annotaties. Dit kan tekst zijn, een cirkeltjes, wat pijlen, etc. om delen van de schermafbeeldingen te benadrukken.

Het maken van screenshots en annotaties is relatief eenvoudig, als je eenmaal weet hoe je dit het beste kunt doen en met welke programma’s.

Dus in dit artikel voor Mac OS X: Hoe maak je screenshots (schermafbeeldingen), hoe maak je hierbij annotaties en een paar gerelateerde tips en trucs.

Backslash behoud (\) brengt ons bij een van de vervelende “features” van WordPress: het stript automatisch backslashes van posts.
Het heeft z’n doel en toepassing, maar het is verrekte vervelend als je probeert code voorbeelden te plaatsen op jouw WordPress website.

In dit erg korte artikel laat ik je zien hoe ik het opgelost heb voor mijn websites.
Een kleine functie die alle backslashes van een post omzet naar HTML entities, waardoor ze niet verloren gaan of verwijderd worden. Weergave in tekst en in code voorbeelden werkt zoals verwacht.

Overigens; deze functie doet dit iedere keer als je een post opslaat. Zelf een HTML entity in de code (Tekst view) werkt namelijk maar èèn keer, omdat bij het inladen van een post in de editor, de HTML entity weer een gewone backslash is. Deze functie vervangt bij een update deze weer correct naar een backslash HTML entity.

Er zijn verschillende, zinvolle of niet zinvolle, redenen waarom je graag wilt laten zien wat de Google pagerank en/of Alexa ranking van jouw website. Of het nu voor de lol is, of om te laten zien hoe goed jouw website het doet,…

Dit artikel is een update op een eerder geplaatst artikel. De destijds gebruikte Alexa link blijkt echter niet meer functioneel te zijn, dus in dit nieuwe artikel gebruiken we daarom de Alexa Web Information Service API. Je moet je hiervoor inschrijven, maar met deze methode kom je niet boven de 1.000 gratis queries per maand uit.

Ik heb een redelijk aantal handige PHP scripts gevonden, maar die berusten eigenlijk allemaal op het real-time ophalen van de betreffende scores, terwijl die scores op z’n hoogst 1x per dag geupdate worden. Een beetje zonde om de Google en Alexa servers overbodig vaak lastig te vallen, en … het inladen van jouw website wordt hierdoor onnodig trager, ook al is het misschien niet merkbaar voor de eindgebruiker.

In dit artikel laat ik je zien hoe ik dit geïmplementeerd heb voor WordPress, voor zowel Google Rank als Alexa, welke maar 1x per dag geupdate wordt.

In de wereld van WordPress, is het volgende probleem niet onbekend;

Een gebruiker plaatst een opmerking of een post en na het drukken op de “submit” of “plaatsen” knop wordt hij of zij meteen doorgestuurd naar de hoofdpagina en er wordt helemaal niks geplaatst. Al het werk weg en een gefrustreerde gebruiker zonder wat voor uitleg dan ook.

Bij WordPress wordt dit vaak veroorzaakt door een zogenaamde false-positive van mod_security.

In dit korte artikel, laat ik je zien hoe je dit probleem kunt vinden en oplossen zonder al te veel moeite.

Deze ShortCode is vooral handig als je langere posts schrijft.
Bij een langere post (in WordPress in dit geval) wil je graag de lezer een overzicht bieden, al is het maar om een idee te geven wat de inhoud gaat zijn, of voor referentie op een later moment zodat de gebruiker er snel heen kan springen.

Uiteraard worden dingen nog gekker, als je b.v. een cursus schrijft of zo, en de “cursus” beslaat meerdere posts en toch wil je een overzicht bieden van al deze posts.

Mocht je hier al eens tegen aan gelopen zijn, en je hebt dit handmatig gedaan, dan weet je wat voor een monniken werk dat kan zijn, zeker als je het netjes gesorteerd en correct wilt doen.

Dit leek me een mooie taak voor een computer, dus heb ik snel even wat code in elkaar gefriemeld (zeker voor verbetering vatbaar) die precies dit klusje van ons overneemt door middel van een WordPress shortcode.

Er zijn verschillende, zinvolle of niet zinvolle, redenen waarom je graag wilt laten zien wat de Google pagerank en/of Alexa ranking van jouw website. Of het nu voor de lol is, of om te laten zien hoe goed jouw website het doet,…

Ik heb een redelijk aantal handige PHP scripts gevonden, maar die berusten eigenlijk allemaal op het real-time ophalen van de betreffende scores, terwijl die scores op z’n hoogst 1x per dag geupdate worden. Een beetje zonde om de Google en Alexa servers overbodig vaak lastig te vallen, en … het inladen van jouw website wordt hierdoor onnodig trager, ook al is het misschien niet merkbaar voor de eindgebruiker.

In dit artikel laat ik je zien hoe ik dit geïmplementeerd heb voor WordPress, voor zowel Google Rank als Alexa, welke maar 1x per dag geupdate wordt.

De laatste paar dagen ben ik aan het rommelen geweest met het opzetten van een tweede QNAP NAS als een backup machine voor mijn primaire QNAP. M.b.v. realtime synchronisatie worden nu alle files van mijn QNAP TS-869 Pro automatisch gekopieerd naar mijn backup QNAP (een QNAP TS-569L). Jammer alleen dat de mannen van QNAP even vergeten zijn een optie voor een backup van de MySQL database(s) in te bakken.

Gelukkig heeft MySQL zelf een aantal opties om een backup van de ene database server naar een andere database server te kopiëren … een daarvan wordt “Replication” genoemd en iedere wijziging in de “Master” (bron) wordt automatisch overgnomen door de “Slave” (de backup database server). Dit mechanisme werkt erg goed en de Slave hoeft niet eens in constante verbinding te staan met de Master om de wijzigen over te nemen.

In dit artikel laat ik je zien hoe ik dit voor mijn twee MySQL servers (QNAP) heb gedaan …