Gmail pakt Reply-To header niet?

Dan heb je een mooie site met een contactformulier en je ontvangt regelmatig e-mails vanuit je website. Maar als je op Reply drukt in je Gmail account dan stuur je een mail naar jezelf in plaats van naar je klanten. Hoe kant dat?

GMAIL respecteerd Reply-To, maar niet altijd!

Gmail respecteerd altijd de header Reply-To behalve als het gaat om een mail die je naar jezelf stuurt. Dus als je een contactformulier hebt aangemaakt op je website en deze stuurt mails met hetzelfde e-mail adres naar jezelf dan zul je altijd naar jezelf antwoorden ook al heb je de Reply To header goed ingesteld.

Snel op te lossen

De oplossing? Verander het e-mail adres van het contactformulier. Dus bijvoorbeeld niet info@uwsite.nl maar bijvoorbeeld contactformulier@uwsite.nl

Auto tikt bij starten motor slaat niet aan

Dat heb ik weer denk je dan! Juist wanneer je de trouwe 4-wieler nodig hebt start hij niet en maakt hij ook nog eens een raar tikkend geluid zodra je de sleutel omdraait en probeert te starten.

Als A-technisch figuur maak je je dan gelijk zorgen over de staat van je auto en zie de bui al hangen. Een dure garage wil je vast wel helpen, maar ja wil je dan eigenlijk nog wel zo lang de auto rijden en moet je niet alvast oriënteren naar andere opties.

Toch eerst maar even op internet kijken, want gelukkig zijn automonteurs en amateur monteurs ook goed in het schrijven op forums over soortgelijke problemen. En jahoor, nog geen paar minuten later heb je de eerste vragen en antwoorden die heel erg met de situatie overeenkomen! Top die forums en blogs!

Oorzaak: Een lege accu!

Ik kwam er zo tot mijn opluchting achter dat het in dit geval heel waarschijnlijk gewoon een lege accu zou zijn. Doordat de spanning van de accu zo laag is geworden kan de startmotor niet eens meer het vliegwiel aanslingeren en hoort u alleen het klikken van het relais.

De oplossing? Tadaa: Opladen die accu!

Startkabels

Het opladen van de auto accu kan natuurlijk met de welbekende startkabels en die heb je standaard niet in de buurt zodra zoiets gebeurd, dus op naar de winkel of direct maar even online snuffelen, nu je toch achter de computer zit.

Acculader

Naast startkabels, kun je ook kijken naar een jumpstarter of een acculader / druppellader. Dit laatste is een kastje dat u via een normale stekker verbindt met het lichtnet en de andere kabels sluit u aan op de accu. Zo kunt u thuis uw auto laden, bent u niet afhankelijk van anderen en zeg nou zelf de eerste die vraagt of je zware diesel een hybride is, geweldig!

Jumpstarter

Nu kan ik in ons dorp prima te voet overal komen en hoef je niet direct haast te hebben als je je prioriteiten gewoon even bijsteld. Heb je wat meer tijdsdruk en/of wat meer te besteden dan kun je ook kijken naar de tweede optie, de jumpstarter. Dat is eigenlijk startkabels en hulpauto in één. Waar u met een acculader toch eventjes geduld moet hebben kun je met de jumpstarter direct weer verder.

Vrijheid, blijheid

Het hebben van zo’n lader of jumpstarter geeft u altijd de vrijheid dat wanneer een dergelijke situatie zich voordoet, al is het midden in de nacht, dat u direct kan handelen. De prijzen vallen daarbij ook nog eens mee. Bij de lokale autowinkel of bouwmarkt kunt u acculaders al krijgen vanaf ongeveer € 30,- en een jumpstarter zijn er al rond de € 100,- Online kunt u ze ook verkrijgen, bijvoorbeeld bij bol.com

En dan…accu misschien vervangen?

Zodra u de accu heeft bijgeladen kunt u dus gewoon weer op weg. Uiteraard is het wel belangrijk dat u nagaat waarom uw accu leeg is gelopen en of het niet heel misschien tijd wordt om deze te vervangen.

Een accu vervangen is trouwens ook geen hogere wiskunde. Bekijk op de oude accu het Voltage en de Ampère, bestel een nieuwe accu online en u kunt de batterij vervangen. Meestal niet meer dan een paar moeren en bouten loshalen en daarna weer vastdraaien. Let wel even op de volgorde van aansluiten. Wilt u lang door met de nieuwe accu, bestel er dan een van een goed merk zoals Varta. Vergelijk op internet de beste opties. Kijk bijvoorbeeld op Bol.com of beslist.nl

Symbolische subdomeinen aanmaken met .htaccess

Subdomeinen kunnen een handig middel zijn om grote sites op te delen in relevante onderwerpen. Grote merken verbinden daarbij vaak diverse diensten aan een subdomein, denk aan klantenservice.hundomein.nl of tracking.hundomein.nl 

Buiten deze bovengenoemde domeinen zit niemand er tegenwoordig nog op te wachten om handmatig de instellingen voor een subdomein bij de hostingprovider in te geven. Zeker grote initiatieven als startpagina’s willen dat subdomeinen automatisch worden aangemaakt in de database.

.htaccess subdomeinen

In de root directory van je website kun je door middel van een aantal regels in het .htaccess bestand alle subdomeinen laten doorverwijzen naar bijvoorbeeld een gelijknamige map. Met andere woorden: jan.domein.nl wordt domein.nl/jan. Vervolgens kunt u ervoor kiezen om daadwerkelijk mappen aan te maken met deze namen of door een index te maken die waardes uit de database haalt op basis van de naam van het subdomein.

De onderstaande code kunt u gebruiken om alle subdomeinen door te verwijzen naar gelijknamige mappen op de website:

RewriteCond %{HTTP_HOST} ^([a-z]+)?(\.[a-z]+\.[a-z]+)$ [NC] RewriteCond %{HTTP_HOST} !^(www|ftp|mail)\uwdomein\.nl RewriteRule (.*) http://uwdomein.nl/%1 [R=301,L]

Alle directories laten afhandelen door de index?

Wilt u vervolgens dat de subdirectories worden doorverwezen naar 1 pagina die alles afhandeld, bijvoorbeeld de index? Dan plaatst u onderstaande code daar nog onder:

RewriteCond %{REQUEST_FILENAME} -f [NC,OR] RewriteCond %{REQUEST_FILENAME} -d [NC] RewriteRule ^(.*?)$ $1 [L] RewriteRule ^([a-zA-Z0-9_-]+)/([a-zA-Z0-9_-]+)/([a-zA-Z0-9_-]+)$ index.php?one=$1&two=$2&three=$3 [L] RewriteRule ^([a-zA-Z0-9_-]+)/([a-zA-Z0-9_-]+)$ index.php?one=$1&two=$2 [L] RewriteRule ^([a-zA-Z0-9_-]+)$ index.php?one=$1 [L] RewriteRule ^(.*)$ index.php

U kunt vervolgens in uw index.php file gebruik maken van de onderstaande code om te werken met de variabelen.

$one=$_GET[‘one’]
$two=$_GET[‘two’]
$three=$_GET[‘three’]

DNS Instellingen

Controleer de DNS instelling voor uw domeinnaam. In de DNS records staan de koppelingen van uw domeinnaam met de juiste IP adressen van de server. Bij het aanmaken van symbolische subdomeinen zoals hierboven beschreven is het belangrijk dat alle subdomeinen eerst worden opgevangen en doorgestuurd worden naar uw site. Dit doet u met een DNS Wildcard A record.

DNS Wildcard

Klinkt heel spannend, is het niet, een wildcard record is niks meer dan een * Dit teken in een DNS record staat voor “alles” en dat betekend dat wat je ook invoert voor je domeinnaam, altijd uw index wordt weergegeven, tenzij u natuurlijk bovenstaande verwijzing d.m.v. .htaccess heeft ingesteld.

Ga naar de pagina DNS instellingen in het klantenpaneel van uw webhosting, bijvoorbeeld Direct Admin of cPanel. Controleer of er reeds een A record is aangemaakt met * 

Wanneer dit al gedaan is kunt u de instellingen sluiten. Zo niet maak dan een nieuw A record aan en verwijs deze door naar hetzelfde IP adres als de verwijzing die bij www is ingegeven. U kunt tevens een AAA record aanmaken met wederom dezelfde gegevens als bij www alleen dan met * in plaats van www

De melding: Apache is functioning normally

Krijg je bovenstaande melding wanneer je een subdomein aanroept? Dan staat er dus iets niet op de juiste plaats en dat is in dit geval doorgaans het .htaccess bestand. Dit heb ik zelf doorgaans op kunnen lossen door het .htaccess bestand een folder(mapje) omhoog te plaatsen. Met andere woorden vóór de map met uw domeinnaam.  Bij veel shared host profiders heeft u een hele structuur voordat u daadwerkelijk in de rootfolder van uw domeinnaam bent aanbeland. Dat is super, want dan kunt u ook daar instellingen wijzigen of bestanden plaatsen.

Een voorbeeld: maak verbinding met via uw ftp client. U krijgt dan doorgaans zoiets als:

/domains/uwdomein.nl/plublic_html

Hierbij is public_html dan pas de map waar ook uw index.html / index.php file te vinden is. Krijgt u dus de melding Apache is functioning normally bij subdomeinen dan wordt het subddomein wel degelijk opgepakt en doorgestuurd, echter nog niet naar de juiste map. Zet de bovenstaande regels van het .htaccess bestand nu eens in een nieuw .htaccess bestand in de map ervoor, in dit geval uwdomein.nl. 

Remove /blog/ in WP multisite url

Creating a Multisite in WordPress is easy and can be of great value. The only thing about the Multisite is that WordPress automaticly adds /blog/ to post urls on your main site.

How to remove /blog/ on your WP multi site?

  1. just log in to your main website’s wordpress dashboard;
  2. be sure your’re managing the right website;
  3. go to SETTINGS > PERMALINKS;
  4. set the permalinks to STANDARD and click save;
  5. now the /blog/ is removed you can select POST-NAME again and click save again.
  6. You should be fine now!

Nota Bene

WordPress puts the /blog/ in your url for a reason. If you have created a multisite in subfolders than you should keep in mind that you do not give a new post on your main site the same name as one of your other sites.

css crop image to fit div

Crop images to fit the dimensions of a div container is very easy with the following CSS lines:

img {
object-fit: cover;
}

This will center the image and adjust the image size to fit the borders of the div container. Most splendidly it will contain the dimensions of the image, so your site looks great!

Please do mind that in order for this to work you will have to set the height and width of the container div. These could of course be absolute pixels, a percentage or being calculated.

Set the Default Theme for WordPress Multisite

Everytime you create a new site on your WordPress Multi Site network. The default theme will always be automatically assigned to it. So if you would like to change that default theme, this is what you will have to do:

1. Open your FTP client;

2. Open the WP config file;

3. Add the following line of code:

define( ‘WP_DEFAULT_THEME’, ‘your-default-theme’ );

4. Change ‘your-default-theme’ with the name of the theme that you would like to be the default.

5. mind that this line is added before WordPress calls the settings with require_once(ABSPATH . ‘wp-settings.php’);

6. save and upload the wp_config file and you are the hero!

 

Startpagina kolommen maken CSS

Wanneer u bijvoorbeeld een startpagina maakt en de blokken met links automatisch wilt laten ordenen zonder daarvoor aparte kolommen of containers aan te hoeven maken dan kunt u gebruik maken van CSS 3 columns. Deze functie werkt ook goed wanneer u een grote tekst in meerdere kolommen wilt tonen om de leesbaarheid van de site te vergroten.

De onderstaande code zorgt ervoor dat de kolommen met verschillende hoogtes automatisch de beste ruimte zoeken.

Op deze manier kunt u op een eenvoudige wijze een schone manier een mooie site maken.

<style>
#columns {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
</style>
<div id=”columns”>
<p>blok 1</p>
<p>blok 2</p>
<p>blok 3</p>
</div>
<style>

Wilt u ervoor zorgen dat bepaalde vormen niet worden gebroken? Dan kunt u de volgende code gebruiken voor het specifieke element

-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid

In bovenstaand voorbeeld zou dat bijvoorbeeld gebruikt kunnen worden voor het element <p> zodat de gehele blokken bij elkaar blijven en niet over meerdere kolommen worden verdeeld.

De complete CSS zou er dan als volgt uitzien:

<style>
#columns {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}

#columns p{

-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid

}
</style>

CSS calc(100% – px)

Css3 calc is een fantastische functie waardoor u de breedte en hoogte van een element kunt laten berekenen zodat het design van uw pagina klopt  op elk scherm! width:calc(100% – 350px);  berekent de breedte van de content op basis van 100% van de parent minus 350 vaste pixels. Bijvoorbeeld handig voor een sidebar op uw pagina.

LET OP : zet een spatie voor en na de rekeneenheden + – anders werkt de functie niet!

width: calc(100vw  –  100 px) berekent de breedte van de content op basis van de breedte van het scherm in plaats van de parent.

calc(100% – px) werkt niet?

Check of je een spatie hebt gezet voor en na het minus teken. Heb je dat gedaan en loop je nog steeds tegen het probleem aan bekijk dan of je wellicht een oude browser hebt die calc nog niet ondersteunt.

Photoshop Custom shape remove border

Removing the border / stroke of custom shapes in photoshop can be a pain in the ass if you do not know where to look. Here is how you do the trick:
1. Simply select the layer you would like to adjust;
2. and then select the custom shapes tool (the same button as you choose to generate a custom shape in the first place).
3. Now on the top of the page (by most) you will be able to adjust the fill and stroke. Set the stroke to no color and there you are!

There is also the shortkey for activating or deactivating the border around custom shapes:

CTRL SHIFT H

Toddler Size 4t 5t 6t 7t 8t 9t 10t

Met de intercontinentale handel via websites als Amazon, Ebay en Aliexpress is het in de kledingindustrie een nog grotere wirwar aan verschillende maten en maattabellen.
Voor iedereen die zich afvraagt wat de maten 2t 3t 4t 5t 6t etc voorstellen, hier even een korte verduidelijking! U heeft te maken met Toddler Sizes, ofwel vertaald als kleuter maten. Dat men soms denkt dat kinderen van 10 ook een kleuter zijn en de maattabellen doorlopen tot 10t moet u maar voor lief nemen.
De verwarring is ook daar te begrijpen.

Verder geven de maten tabellen doorgaans alleen een richting aan en geen garantie. U bent natuurlijk bekend met het fenomeen dat van eenzelfde merk de schoenen met een gelijke maat toch heel andere afmetingen kunnen hebben.

110 (5 T)-110 cm (hoogte)
120 (6 T)-120 cm (hoogte)
130 (7-8 T)-130 cm (hoogte)
140 (9-10 T)-140 cm (hoogte)

AGE       SIZE       WEIGHT (lbs)        HEIGHT (in)   CHEST (in)   WAIST
2               2T               25-27*                 33-35*               20                  20
3               3T               28-32                   35-37                 21                  20½
4               4T               33-36*                 37-40*               22                  21
5               5T               37-42*                 41-43*               23                  21½