Simpelste fake hybride Office 365 on premise constructie

Wij werden recent door een klant benaderd met het probleem dat zij eigenlijk een on-premise omgeving wilde combineren met een Office 365 omgeving. Normaliter zijn hiervoor wel wat routes maar deze vereisen aardig wat complexe configuratie en afstemming. Microsoft heeft hier diverse routes en plannen voor (zie ook de Microsoft site hierover) maar dit gaat veel te diep.

Inleiding

Met on-premise bedoeld Microsoft een omgeving die lokaal draait. In de meest ideale situatie is dit een Exchange platform waarmee een naadloze integratie op te zetten is. Hebben we het echter over een shared hosting server dan wordt het een heel ander verhaal. Waarom zou je dit überhaupt willen?

Stel dat je een organisatie hebt met een tiental mailboxen waarvan er maar 1 of 2 in de cloud terecht hoeven te komen (bijvoorbeeld om licentiekosten te sparen of omdat het gewoon geen zin heeft qua implementatie). Je zou dit liefst natuurlijk naast elkaar doen maar hierover is maar weinig te vinden.

De oplossing

Wij kwamen uiteindelijk na wat gestoei met de volgende oplossing;
Er wordt een regulier Office 365 account aangemaakt conform de normale regels behalve dat de mail primair bij de on-premise locatie blijft binnenkomen. Voor de 1 of 2 gewenste boxen zetten we een forward op naar het @onmicrosoftonline.com adres. Hierdoor komt deze mail daar binnen terwijl de rest bij de primaire server blijft binnenkomen. Uiteraard niet de mooiste oplossing en er zitten best een paar haken en ogen aan.

Zo is het niet mogelijk vanuit de boxen naar andere mailboxen intern te mailen omdat deze, logisch ook, door Microsoft gepoogd worden intern te bezorgen wat niet gaat. Daarnaast geeft deze constructie soms wat verwarring qua waar mail vandaan komt en naartoe moet (spamfilters, reply’s etc.). Echter is het de meest platte oplossing en zeker als het om één box gaat wat ons betreft een prima oplossing.

Zo creëer je eigenlijk heel snel en simpel een fake hybride Office 365 on premise oplossing.

Skeleton CSS framework 1024 px

Persoonlijk hou ik van lichtgewicht en eenvoudig. Om responsive websites snel te maken wilde ik wel iets van een framework gebruiken maar o.a. Bootstrap vind ik persoonlijk te nadrukkelijk aanwezig en te zwaar.

Skeleton CSS

Al enige tijd gebruik ik Skeleton CSS wat erg prettig werkt door zijn compacte opzet. Skeleton is bedoeld als ‘style agnostic’ en richt zich puur op het faciliteren van het responsive grid. Ondanks deze fantastische bedoeling heeft de auteur toch besloten om wat styling toe te voegen voor bijvoorbeeld de typografie en buttons. Snap absoluut niet waarom dit toch gedaan is omdat het naar mijn idee zeer weinig toevoegd. Gelukkig is de styling er redelijk eenvoudig eruit te halen en dan hou je een mooi en lichtgewicht framework over met een handig grid van 16 kolommen.

Ga naar de website van het Skeleton CSS Framework

Skeleton CSS framework 1024 px

Daar mist iets. Het framework gaat maar tot 960px en is al paar jaar niet meer van updates voorzien. Omdat ik nu echt een 1024px versie nodig had heb ik hem zelf aangevuld. Gelijk dit moment aangegrepen om de overbodige styling eruit te halen en paar fixes door te voeren (viel me op dat hij in bepaalde smalle renderings beetje ongelukkig uitkwam qua breedte). Mijn update is terug te vinden in Github voor wie dat prettig vindt.

Ga naar mijn toevoeging voor 1024px ondersteuning

Testen in Internet Explorer

Tijdens de ontwikkeling van een website of webapplicatie wil en moet je deze testen op diverse platforms en browsers. Voor een deel van de platforms (denk aan mobiele telefoons, verschillende IOS versies etc) ben je aangewezen op individuele apparaten als je het echt goed wilt testen. Er zijn wel emulators maar dit is vaak geen realistische test. zeker als het gaat om specifieke implementaties van de HTML/CSS specificaties die met versies van software en devices kunnen veranderen.

Testen in Internet Explorer

Altijd een beetje een vervelende geweest om te testen maar wel vereist. Internet Explorer heeft namelijk nogal wat verschillende gezichten die ook nog wisselen per Windows versie-Browser versie combinatie. Er zijn prima online rendering oplossingen maar deze zijn prijzig of van onbruikbare kwaliteit. Microsoft biedt zelf echter de helpende hand aan developers en designers middels Modern.ie.

Modern.ie

Hier tref je diverse configuraties aan van het Windows platform met zijn verschillende browser versies. Allemaal te downloaden als images van virtualisatie platforms zoals Virtualbox of VMware. Wij gebruiken zelf meestal Virtualbox (zowel op Windows als Mac omgevingen).

Na het downloaden van een image beschik je over een prachtige (vanilla) Windows installatie met de juiste browser voor de meest natuurgetrouwe test. Dit is trouwens niet alleen handig voor het testen op oudere platform/combinaties zoals Windows XP met Internet Explorer 6 maar ook iets nieuws als Windows 8.1 met Internet Explorer 11.

Ga naar de dowload sectie van Modern.IE

Let me Google that for you voor het antwoord op stomme vragen

ja, ik weet het, stomme vragen bestaan officieel niet maar geloof me dat je met Google aardig wat vragen toch stom worden. Regelmatig komen er vragen voorbij waarvan je denkt “Google het gewoon even, zo lastig is het niet”. Als het een vraag van een klant is dan help je ze natuurlijk zo goed mogelijk met een juist antwoord maar zeker als het uit een andere richting komt kan het erg vervelend zijn. Nu is er een prachtige site die wij al lange tijd gebruiken om deze mensen subtiel te vertellen dat de vraag erg overbodig is. lmgtfy.com (Let me Google that for you)

Hoe werkt het?

1. Je voert de zoekvraag in en drukt op de “zoek” of “doe een gok” knop

2. Je krijgt een uniek URL

3. Stuur dit URL naar de vraagsteller

Klaar. De URL brengt je naar een pagina waarop je de Google zoekbalk ziet die gevuld wordt met de vraag, er wordt op de knop gedrukt en de gebruiker wordt doorgestuurd naar Google resultaten van het antwoord op de vraag (of direct naar de 1e site bij de “doe een gok” optie).

Op die manier kun je toch nog een beetje plezier beleven met het beantwoorden van voor de hand liggende vragen. Voorbeeldje: http://tinyurl.com/67e796x

Ook een vraag beantwoorden?
Ga naar http://lmgtfy.com

Online favicon.ico maken in 3-stappen

Voorbeel van een favicon

Voorbeeld van een favicon in actie

Laat uw website opvallen tussen andere websites met behulp van een favicon. Dit icoontje van 16 x 16 word door de meeste browsers in de adresbalk getoond en maakt het mogelijk uw website op te laten vallen tussen de overige tabbladen. Ook in de bladwijzers en favorieten word het favicon gebruikt.

Het maken van een favicon is in 3-stappen gedaan:

  1. Maak een plaatje van 16 x 16 pixels en sla deze op als .png, .gif, .jpg of .bmp
    (.png en .gif mogen ook transparant zijn)
  2. Ga naar www.dynamicdrive.com, upload uw bestand en klik op create icon
  3. Download uw favicon en sla deze op als favicon.ico

Als dit is gelukt hoeft u de favicon alleen nog op uw website te plaatsen. Om dit te doen doorloopt u de volgende 2-stappen. Het enige wat u hier voor nodig heeft is toegang tot de bestanden van uw website (FTP en een beetje kennis van HTML. Toevoegen van uw favicon gaat als volgt:

  1. Voeg de hieronder staande HTML code toe aan de code van uw website, doe dit tussen de <head> en </head> in uw broncode
    <link rel=”shortcut icon” href=”/favicon.ico”>
  2. Upload vervolgens de favicon.ico in de zelfde map als uw pagina.

Wanneer dit gelukt is zou de favicon moeten werken. Het kan zijn dat u de favicon niet direct ziet, start dan uw browser opnieuw of leeg uw cache.

Uptimerobot: Gratis server monitoring

First of all: nu nog gratis. Het is min of meer een beta/test dienst maar het voldoet als je wilt kijken of je hoster zijn best wel doet :)

Uptimerobot is niets meer eigenlijk. Iedere 5 minuten kijkt hij even of je site(s) nog online zijn en zo nee dan gaat hij paniek zaaien per mail, SMS, twitter of via een RSS feed. Soms is eenvoudig genoeg. Omdat wij nooit genoeg zekerheid willen hebben of alles online is heb ik enige tijd geleden onze servers toegevoegd. Het resultaat is eenvoudig maar precies wat je nodig hebt:

ps. Uit veiligheid heb ik de namen van de servers deels onzichtbaar gemaakt maar het idee wijst zichzelf zo wel.

Weblog terug van weggeweest

Hij was er en hij was weer weg. Vroeger had Webparking een eigen officieel weblog. Vol met, uiteraard, leuke informatie. Het publiek wat echter op dit blog afkwam paste niet direct bij de organisatie. Het onderhoud koste tijd maar we zagen geen kansen het weblog toen effectief toe te passen als onderdeel van onze bedrijfsuitingen. Na enig beraad, en onder druk van deadlines, hebben we toen besloten voorlopig te stoppen met bloggen.

De afgelopen maanden kriebelde het echter weer. De drang om te schrijven over al het moois wat we tegenkwamen op het web, alle leuke dingen die we ontdekten en de prachtige projecten die we voor onze klanten mochten doen. Even dachten we terug aan waar het vroeger fout ging maar al snel was er de beslissing “we gaan er weer mee beginnen”.

Zie hier de notitie van dit historische moment: Het Webparking weblog is terug sinds 11 oktober.