Archief: Tips en Tutorials

CSS clearing floats – de nieuwe manier

28 december 2010

Onlangs kreeg ik van Stephen Hay te horen dat de methode die ik gebruik voor het clearen van floating containers toch wel redelijk old school was. Ik was dan ook erg blij met de nieuwe manier die hij hierbij aangaf.

Je kent het waarschijnlijk wel. Je bent bezig met het slicen van een website je merkt dat een bovenliggende container niet mee groeit met de lengte van je een floating div. Omdat de hoogte vaak dynamisch is, wil je dit ook niet in je CSS zetten. Hieronder volgen twee manieren om dit voor elkaar te krijgen. Lees de rest van het bericht.

Tekst vervangen door een afbeelding op een toegankelijke manier

21 november 2010

Bij een aantal websites die ik heb gemaakt, heb ik gebruik gemaakt van image replacement. Grafisch hoogstaande websites willen bijvoorbeeld net even een ander lettertype voor een menu of kop dan de standaard lettertypes.

Image replacement is volgens de webrichtlijnen mogelijk. De uiteindelijke informatie moet echter voor iedereen toegankelijk zijn, ook als er geen CSS- of afbeeldingenondersteuning is. In deze post ga ik dieper in op twee mogelijke oplossingen voor het vervangen van tekst door afbeeldingen waarbij de tweede oplossing toegankelijker is dan de eerste. Lees de rest van het bericht.

Eenvoudig en overal filmpjes omzetten voor je iPod / mobiel

9 maart 2010

Regelmatig zet ik filmpjes of series om voor mijn iPod. Hiervoor heb ik een poos gebruik gemaakt van het programma ‘Sothink Video converter’. Omdat ik fan ben van Portable applicaties ben ik op zoek gegaan naar een programma wat ik overal (op mijn USB-stick) kan gebruiken. Ik vond het programma Format Factory op de Portable Software aanbieder www.liberkey.com. Lees de rest van het bericht.

Eenvoudig screenshots maken met Lightscreen portable

16 februari 2010

Het komt regelmatig voor dat ik even ergens snel een print screen van wil maken. Met de standaard print screen mogelijkheden van Windows kwam ik al een heel eind en met behulp van Photoshop kon ik ook nog makkelijk een specifieke uitsnede maken als ik dat wilde. Maar sinds kort ben ik helemaal fan van de volgende tool voor het maken van screenshots, Lightscreen. Het maken van print screens is met deze tool zoveel malen effectiever. En het mooie is, deze tool is ook weer portable te verkrijgen. Lees de rest van het bericht.

Verander een website naar jouw style met Stylish

6 februari 2010

Afgelopen week heb ik de Firefox plugin Stylish geïnstalleerd. Deze plugin maakt het mogelijk om de stylesheet (CSS) van een website aan te passen naar wens. Naast dat je een website helemaal zelf kunt aanpassen door een compleet nieuwe stylesheet over de website te leggen, kun je ook gebruik maken van stylesheets die door andere gebruikers zijn toegevoegd. Lees de rest van het bericht.

Fingertips Portable

28 januari 2010

Afgelopen dinsdag 26 januari 2010 was ik aanwezig bij een Meereffect training volgens de Gettings Things Done methode. Een absolute aanrader voor iedereen. Een tip die we kregen tijdens deze sessie is het gebruik van het programma ‘Fingertips Portable’. Voor meer informatie over het programma verwijs ik jullie naar de website van Fingertips. Lees de rest van het bericht.

Links openen in (g)een nieuw venster

25 januari 2010

Ik houd me nu al een tijdje bezig met de webrichtlijnen en heb inmiddels de eerste website / templates gemaakt (www.axendo.nl) geheel volgens de webrichtlijnen. Hoewel ik braaf die richtlijnen probeer te volgen, vind ik wel dat je goed moet blijven nadenken wat de achterliggende gedachte is van een bepaalde richtlijn. Lees de rest van het bericht.

Testen in alle versies van Internet Explorer

21 januari 2010

Hoewel ik als developer eigenlijk niet meer ontwikkel voor Internet Explorer, krijg ik toch zo heel af en toe een opmerking dat een website er niet zo uit ziet, zoals hij eruit zou moeten zien. Afgelopen week ik kreeg ik na live zetten van www.siebenqc.nl nog zo’n mail dat een kolom niet de juiste afmetingen had. Lees de rest van het bericht.

Photoshop tip: “Plakken in”

9 december 2009

Een heel handige tool die mijn collega Daan Smit een keer aan mij vertelde, is de tool ‘Plakken in’. Zoals de naaml al doet vermoeden, plak je een bepaald beeld in een voorgedefinieerde selectie.

Wanneer is dit dan handig?
Bijvoorbeeld als je veel verschillende afbeeldingen moet maken met dezelfde uitsnede (bijvoorbeeld ronde hoekjes). Voor de HAN hebben bijvoorbeeld alle opleidingen een zogenaamde ‘Homefoto’ die op elke startpagina terugkomt (http://www.han.nl/opleidingen/bachelor/accountancy/vt/ ). Hieronder laat ik zien hoe ik zeer eenvoudig en snel deze afbeeldingen kan maken. Lees de rest van het bericht.

Evernote Portable

3 december 2009

Let op: Met de huidige versie van Evernote is het niet meer mogelijk om deze portable te draaien. Onderstaande beschrijving werkt alleen met de 3.5 versie. Deze versie ik gelukkig nog wel op Evernote te downloaden.

Ik gebruik nu al een tijdje het programma Evernote om mijn notities bij te houden en ik vind het een topprogramma. Mijn Samsung netbook is dan ook een vervanging geworden van mijn papieren notitieblok. Een probleem waar ik echter tegenaan liep, is dat ik zowel thuis, op mijn werk, op mijn mobiel en op mijn netbook alle notities wil kunnen bereiken.

Uiteraard biedt Evernote voor ieder platform wel een manier om je notities te kunnen benaderen, maar aangezien ik op mijn werk een PC heb zonder adminrechten en veel liever het programma gebruik in plaats van de webversie, zocht ik naar een betere oplossing.

Nu ben ik een groot fan van Portable Applicaties, een manier om applicaties op de USB (maar kan ook gewoon op je PC) te draaien zonder deze te installeren. Er is een manier om Evernote op je USB te zetten en dus portable te maken.

  1. Allereerst moet je Evernote gewoon installeren op een Windows computer
  2. Open Evernote en ga naar Tools > Install Evernote Portable
  3. Selecteer de map waar je evernote wilt installeren (bij mij bijvoorbeeld F:\PortableApps\Evernote)
  4. Je kan het volgende bestand dan openen op de USB stick (F:\PortableApps\Evernote\Program Files\Evernote.exe)
  5. Je kunt hier uiteraard ook eenvoudig een snelkoppeling naartoe maken.

evernoteportable

Links