De Dell Precision 650 die nu ruim vier jaar – bijna – dag en nacht heeft gedraaid op ons kantoor is langzamerhand aan vervanging toe. De keuze is gevallen op opnieuw een Dell, dit keer de Vostro 410. Dit leek mij met het oog op ons werk (een kleinzakelijk kantoor) de beste keuze. Het was niet nodig opnieuw een zwaar Workstation aan te schaffen en na enig vergelijkingswerk kwam op het oog de Vostro-serie met een goede prijs/prestatieverhouding uit de bus.

De Vostro-lijn van Dell bestaat uit zowel laptops als desktops en is speciaal gericht op het MKB. Dit betekent onder meer dat er een compleet supportmodel omheen is opgetuigd en dat je –mijns inziens– mag verwachten dat de computers wat robuuster zijn samengesteld; voorbereid op werkweken van 40-60 uur. En dat ze dus wat duurzamer zijn dan een gemiddelde huiskamer-pc waar een paar uur per dag op wordt gemaild en ge-internet.

Ik heb gekozen voor de Vostro 410, volgens de site van Dell goed voor "Kleine bedrijven die behoefte hebben aan verwerkingskracht, grafische prestaties, snelle netwerkvoorzieningen en grotere mate van uitbreidbaarheid.". Nou, geknipt voor ons dus :-).

Of de Vostro in eerste instantie deze verwachtingen waar maakt zie je in een tweetal review-video's die ik heb opgenomen, juist na het uitpakken van de doos.

Deel 1, de buitenkant (05:01 min.)

Deel 2, de binnenkant (06:36 min.)

Samenvattend, ik vind goed:

• De prijs/prestatieverhouding: EUR 549,- (ex. BTW) voor een quadcore-pc met 3GB RAM, 256 MB Grafische kaart en 750GB vaste schijf is niet verkeerd.
• Het aantal USB-aansluitingen (4 x voorzijde, 4 x achterzijde).
• Uitbreidingsposities en aantal voedingsconnectoren in de kast. Voldoende voor extra vaste schijven en optische stations.
• De afwerking aan de binnenkant, goede koelingsmogelijkheden
• Stille werking! Echt super.

Ik vind niet goed:

• Afwezigheid van Firewire (IEEE1394). Dit is 2008 hoor!
• Afwezigheid van IDE-ondersteuning op het moederbord – oudere harddisks en optische stations had ik graag nog hergebruikt. Ook in 2005 maakten ze goede spullen hoor!
• Verkeerde keuze aansluitingen grafische kaart (DVI, HDMI en DisplayPort). Voor het MKB zou 2xDVI een veel betere keuze zijn.
• De toch wat goedkoop en lichter aandoende montagemethode met schroeven, boutjes en tie-raps. Nota bene de P650 die ik nu vervang had al een elegantere manier om de behuizing te openen en schijfstations met sledes te monteren.

Als je vragen of opmerkingen over mijn Dell-ervaringen hebt, laat het dan weten via een commentaar bij dit bericht.

Peter Kassenaar
-- 1 augustus 2008.

Afgelopen weekend was ik een paar dagen in Groningen. Ik heb daar zeven, acht jaar gewoond voor mijn studie en zo eens in de paar jaar keer ik een weekendje terug om te zien wat er zoal veranderd is. Groningen is de leukste stad van Nederland.

Vorige week bracht ik onder meer een bezoekje aan het volkomen vernieuwde Westerhavengebied. Ik kan mij herinneren dat dit voorheen een grijze en grauwe parkeerplaats was waar je alleen je auto wilde parkeren om daarna graag zo snel mogelijk naar het echte centrum te gaan, waar het allemaal gebeurde. Maar zie, het terrein is compleet gerenoveerd en omgetoverd tot een prettig winkelgebied met onder meer enkele grote ketens (MediaMarkt, McDonalds), maar ook het Nederlands Stripmuseum en verschillende leuke kleinere winkels.

Hier liep ik ook even binnen in de store van MacMe, de Apple-dealer voor Noord Nederland. Zoals alle Apple stores bestaat de winkel feitelijk voornamelijk uit lege ruimte. Een centrale balie en kassa, langs de randen is het Apple computergamma tentoongesteld. Rechts in de winkel staan schappen met allerlei iPod- en andere add-ons zoals tasjes en beschermhoezen, sound docks, boeken en koptelefoons. En daar tussenin een heleboel niets. Veel lucht en ruimte. Een echte whitespace-winkel, zullen we maar zeggen.

Maar op zuilen in het midden van de winkel stonden verschillende iPod-modellen demonstratieklaar opgesteld. Je kon er kennismaken met de bediening van de iPod Shuffle, Nano en Classic (elke iPod had een koptelefoon, zodat je ongestoord van alles kon uitproberen). Ik heb nog geen iPod, en gezien de door mij verafschuwde iPod/iTunes-koppeling, vraag ik me af of dat ooit zal gebeuren (ik haat iTunes, zie minpunt 8).

Ook was er een tafeltje waarop je je naar hartelust kon uitleven op de nieuwe iPhone 3G.

Dat had ik niet moeten doen.

Op voorhand had ik dezelfde bezwaren tegen de iPhone als tegen de iPod. Ik houd nu eenmaal niet van verplichte winkelnering en koppelverkoop. Maar nu ik eenmaal heb kennisgemaakt met de gebruikersinterface, het gemak waarmee je kunt telefoneren, sms'en, websurfen en andere applicaties gebruiken ben ik bang dat ik verkocht ben. Ook de Exchange-compatibiliteit voor push e-mail zou mij erg goed van pas komen. Wat een mooie en intuitieve interface, wat een bedieningsgemak en wat een scala aan nieuwe programmatuur in de iPhone App Store.

De iPhone is geen telefoon. Het is de enige ware portable ultimedia device. En nee, die 'm' ben ik niet per ongeluk vergeten. Ik bedoel 'ultieme media' - ultimedia. Het enige is dat je met de iPhone toevallig ook kunt bellen.

Ik weet het, er zijn nog tal van bezwaren en problemen met de iPhone 3G, waarvan de beperkte leverbaarheid wel een van de minste is. Zie bijvoorbeeld de postings van Paul Thurrott en Webwereld over dit onderwerp.

Maar het is net als met wintersport. Zolang je niet geweest bent, weet je niet wat je mist. Dan hoef je ook niet zo nodig en vraag je je af waar anderen zich zo druk om maken. Maar als je er eenmaal kennis mee hebt gemaakt, ben je verkocht. Dan mis je het elk jaar weer als je niet een weekje (of twee) kunt skiën.

En zo is het mij ook vergaan met de iPhone. Elke keer als ik nu op mijn Nokia N70 weer moeilijk, letter voor letter een SMS-je zit te componeren – die woordenboeken op een mobieltje om sneller te kunnen typen zal ik ook nooit begrijpen – denk ik er aan hoe ik in Groningen in minder dan een halve minuut een demo sms-je stuurde naar mijn eigen mobiel vanuit de winkel. Inclusief berichttekst en het invoeren van mijn eigen mobiele nummer...

Maar goed, ik wacht de ontwikkelingen nog even af. Als er een tweede telecomprovider in Nederland actief wordt op iPhone-gebied (naast T-mobile) zal er vast nog wel een en ander gebeuren met de prijzen en ook de firmware-updates van Apple moeten nog komen om problemen met de ontvangst en de batterijduur op te lossen.

iPhone video's

Ondertussen vond ik alvast een paar leuke video's bij ZDNet in België waarin de nieuwe functies van de iPhone 3G aan de orde komen. Dat scheelt mij straks weer een boel review-werk. Tenzij ik tot heel andere conclusies kom natuurlijk! Veel kijkplezier,

• Communiceren met de iPhone 3G
• Surfen met de iPhone 3G
• Foto's en muziek op de iPhone

Peter Kassenaar
-- 1 augustus 2008

P.S. Ik ben nooit op wintersport geweest. Zelfbescherming. 

Zodra –beginnende – webdesigners wat meer kaas hebben gegeten van het werken met lagen en CSS, wordt hun nieuwsgierigheid gewekt. Ook in mijn boeken over webdesign en Dreamweaver probeer ik de lezer te leren om de inhoud/structuur en opmaak van webpagina's zoveel mogelijk te scheiden.

In de trainingen die ik geef krijg ik dan ook regelmatig een vraag zoals ook Roel Bouwhuis (www.roelbouwhuis.nl) afgelopen week via e-mail stelde:

"Zoals u op mijn site kunt zien, maak ik gebruik van donkere en lichte vlakken (div's) waarbij het lettertype omgedraaid donker of licht is. Het probleem is dat de kleur van de hyperlink in beide vakken hetzelfde is (in mijn geval wit) waardoor de hyperlinks in het lichte vlak heel moeilijk te zien zijn. Mijn vraag is: hoe kan ik de opmaak van hyperlinks per division opmaken?"

Omdat dit een standaardtechniek is waarvan ik vind dat elke webdesigner deze zou moeten beheersen heb ik hier even een video over samengesteld (mentale notitie aan mezelf: neem deze techniek direct op in het boek over Dreamweaver CS4!). De video laat zien hoe u zonder wijzigingen in de HTML-code hyperlinks en andere elementen op de pagina een afzonderlijke opmaak kunt geven. Als hulpmiddel wordt Dreamweaver gebruikt, maar uiteraard is dit een algemeen geldige techniek (06:59 min.)

Vragen of opmerkingen? Laat het weten via een commentaar onder dit bericht. Een e-mail sturen mag natuurlijk ook, maar door uw reactie rechtstreeks onder dit bericht te plaatsen kunnen andere lezers er ook hun voordeel mee doen.

Bedankt voor het kijken/lezen,

Peter Kassenaar
-- 30 juli 2008.

Vorige week ben ik gestart met een serie blogposts waarin ik stuk voor stuk een aantal video's presenteer die ik in de loop der tijd had gemaakt voor het vBook Digitale Fotografie. Door tijdgebrek is de complete uitgave hiervan er echter nooit van gekomen. Meer over de achtergronden hierbij leest u in het eerste bericht:

Nieuwe video's - Digitale fotografie (met als eerste videotraining een clip over het werken met teksteffecten in Photoshop).

In dit bericht een volgende video (en ik heb er nog meer dan twintig liggen, we kunnen dus nog even vooruit :-) over het maken van tekstmaskers. Hierbij schijnt een achterliggende foto door een tekst heen (05:15 min).

Tot de behandelde ondewerpen in deze video behoren onder meer:

• Tekst en foto's combineren
• Tekst als masker instellen
• Lagen combineren en sneltoetsen in Photoshop en Photoshop Elements

Opmerkingen, tips, verbeteringen? Zoals altijd wordt u van harte uitgenodigd een commentaar te schrijven bij deze video, zodat ook volgende lezers er wat aan hebben.

Bedankt voor het lezen/kijken,

Peter Kassenaar
-- 11 juli 2008

Als u dit blog wat vaker leest dan zult u zien dat ik regelmatig video's publiceer over allerlei zaken. Dat was oorspronkelijk een hobby van mij, maar ook in mijn werk is deze kennis al vaak van pas gekomen. Ik ben sinds 1999-2000 bezig met het opnemen en bewerken van (scherm)video's en heb hier –in alle bescheidenheid – inmiddels al veel ervaring mee opgedaan. Gebruik bijvoorbeeld de tag Video voor een compleet overzicht van berichten op dit blog die hier over gaan.

Voor klanten en opdrachtgevers maak ik bij de oplevering van een nieuwe site of applicatie bijvoorbeeld vaak een serie instructievideo's over [nieuwe] kenmerken van de applicatie en de wijze waarop hij het best gebruikt kan worden. Dat scheelt veel schrijfwerk en uitleg-sessies. Ook in usability-onderzoeken worden veel video-opnames gebruikt om sites en applicaties te verbeteren.

Videotraining en vBook

Daarnaast heeft ons bedrijfje voor de publieksmarkt (=de consument) in samenwerking met uitgeverij Van Duuren Media onder de noemer 'Videotraining' en 'vBooks' ook een aantal kant-en-klare videoproducties gemaakt. Dit zijn bijvoorbeeld

• Werken met Premiere Pro en Encore DVD
• Dynamische websites maken met Dreamweaver
• Werken met ASP.NET

en nog een aantal anderen. Een compleet overzicht hiervan is nog beschikbaar op de oude site. U kunt ze desgewenst nog steeds bestellen. Er is nog voorraad!

Nu is deze reeks inmiddels wel enigszins verouderd geraakt. De nieuwste versies van de software (Premiere Pro CS3 en Dreamweaver CS3) wordt hierin niet besproken en er zijn problemen bekend bij gebruik van de nieuwste versie van Flash Player. Hoewel de besproken technieken zeker ook in de nieuwe versies nog goed gebruikt kunnen worden, zien we dat deze serie langzamerhand aan het einde van zijn levenscyclus is gekomen.

Wat onze klanten hierbij altijd als een groot voordeel hebben ervaren is – indien mogelijk – het gebruik van Nederlandstalige software in de video's (waar ze zelf ook mee werken) en Nederlandstalig gesproken instructies. Natuurlijk zijn op het web ook tal van videoinstructies te vinden, maar deze zijn vaak in het Engels. En het is al lastig genoeg om een nieuwe techniek te leren, laat staan dat deze ook nog gepresenteerd wordt in een taal die niet je eerste taal is.

Nieuwe uitgaven en tijdgebrek

Het oorspronkelijke idee was om de hiervoor genoemde serie ook uit te breiden met uitgaven over bijvoorbeeld Flash, Photoshop en Digitale fotografie. Door tijdsgebrek is dat er helaas echter nooit concreet van gekomen. Oh, ideeën en kennis genoeg, maar de hectische computerboekenmarkt leent zich er helaas niet voor om je ongestoord een paar maanden op een zolderkamertje op te sluiten en rustig een nieuw product in elkaar te sleutelen. Het is altijd rennen en vliegen om boeken te schrijven voor de volgende nieuwe serie toepassingen (Office 2007, Windows Vista, CS3 en ga zo maar door).

Ik heb destijds echter al wel enige tientallen video's over verscheidene onderwerpen opgenomen en gemonteerd. Maar deze zijn helaas op de plank komen te liggen.

Tot vandaag.

Onlangs kwam ik ze weer tegen toen ik mijn vaste schijf-archief aan het opschonen was. En omdat ik nu een mooi publicatiemedium heb (dit blog) met redelijk veel schijfruimte kan ik makkelijker de betreffende video's distribueren. Ik heb besloten de video's de komende periode langzamerhand op dit blog te publiceren en eens te kijken hoe mensen hier op reageren.

Afweging

Ik moest hierbij de volgende afwegingen maken

• De filmpjes zijn ondertussen al weer een paar jaar oud (hoewel de behandelde technieken veelal tijdloos zijn), waardoor ze waarschijnlijk lastig in de reguliere hype-markt ('altijd het nieuwste van het nieuwste') te verkopen zijn...
• maar as ik ze gratis op het blog zet, verdien ik er niets aan. Er zit wel tientallen uren werk in...
• ...maar het potentiële publiek dat ik bereik is wel veel groter (dan via een vaste verpakking in de (web)winkel)...
• ...en misschien willen bezoekers zelf wel een vrijwillige donatie doen?

En dus heb ik maar besloten om inderdaad dit nieuwe experiment te starten.

Doneren

Eigenlijk verandert er niets. Alles op dit weblog blijft gratis beschikbaar. Behalve dat er nu een optie 'Doneren' in het menu aan de rechterkant van deze pagina is bijgekomen. Hiermee kunt u een vrijwillige bijdrage storten als blijk van waardering voor de uren die er in zijn gaan zitten en als dank voor de kennis die u via de filmpjes hebt opgedaan.

U kunt een bijdrage geven via de betaalsystemen iDeal en PayPal.

Nogmaals, het is niet verplicht, maar ik zou het zeker op prijs stellen. Al is het alleen al uit nieuwsgierigheid hoeveel Nederlanders dit daadwerkelijk doen. Over een paar maand zal ik via een blogbericht eens laten weten hoeveel de Donatie-knoppen tot dan toe hebben opgebracht.

Daarbij: als u een donatie hebt gedaan voelt dat erg goed! (voelt u zich na een paar dagen niet meer zo goed? Doe nog een donatie! :-)

Video – Digitale fotografie

Genoeg tekst voor dit moment, laat ik deze serie starten met een eenvoudige instructie die oorspronkelijk bedoeld was voor de serie 'Videotraining – digitale fotografie'.

Tijdens mijn trainingen destijds merkte ik bijvoorbeeld dat veel gebruikers niet weten hoe ze binnen Photoshop (of een willekeurig ander grafisch pakket) een woord kunnen maken waarbij de letters verschillende kleuren hebben – denk aan het Google logo.

En dus heb ik daar een video van gemaakt (08:41 min). Hierin komen verschillende aspecten aan de orde

• Tekst typen en het lettertype aanpassen
• Werken met teksteffecten in Photoshop: verschillende kleuren, slagschaduw en schuine rand (bevel).
• Teksten op verschillende lagen plaatsen.

De video is opgenomen met Photoshop CS2, maar het werken met teksten is al sinds Photoshop 6 of 7 niet sterk meer gewijzigd, zodat de instructie vrijwel voor elke Photoshop-versie (of Photoshop Elements) geschikt zal zijn (natuurlijk zijn er wel allerlei extra effecten toegevoegd, zoals tekst langs een pad en werken met vectorteksten, maar voor de basishandelingen die hier worden besproken maakt dat niet veel uit).

Conclusie

In de komende weken/maanden zal ik regelmatig nieuwe video's plaatsen die oorspronkelijk bedoeld waren voor commerciële exploitatie. Als u hiervan op de hoogte gehouden wilt worden, neem dit blog dan op in uw RSS-favorieten (héééé, hoe moet dat? Daar kan ik ook wel een video van maken!), dan krijgt u vanzelf een berichtje wanneer een nieuw filmpje beschikbaar is.

Hebt u suggesties of tips voor nieuwe (instructie-)video's, of wilt u misschien een serie video's produceren voor het trainen van werknemers binnen uw bedrijf, neem dan nader contact op.

Ook andere opmerkingen zijn uiteraard welkom door een commentaar bij dit bericht achter te laten.

Bedankt voor het lezen/kijken,

Peter Kassenaar
-- 5 juli 2008

In mijn miniserie over handige softwarehulpjes heb ik eerder geblogd over

• Werken met IE7 Pro
• Zoomen met Zoomit

In deze post laat ik een handige manier zien om in Windows Vista schermafdrukken te maken. Hiervoor gebruik ik het nieuwe tooltje Knipprogramma ('snippets' in Engelstalige Vista-versies) dat – voor zover ik weet – met alle versies van Windows Vista wordt meegeleverd.

PrintScreen, Alt+PrintScreen en Knipprogramma

Het werken met de knoppen PrintScreen (schermafdruk van hele scherm maken) en Alt+Printscreen (afdruk maken van het actieve venster) werkt in Windows Vista nog net zoals in Windows XP en eerder. Maar met het nieuwe Knipprogramma kun je nu ook exact aangeven welk deel van het scherm je als gif, jpg of png-bestand wilt opslaan. Als extraatjes kun je vanuit Knipprogramma een screenshot direct e-mailen of nog eenvoudig verder bewerken door met een potlood of markeerstift extra opmerkingen te maken in het knipsel. Maar als dat niet voldoende is, kun je het knipsel natuurlijk altijd laden in Photoshop of Fireworks om hem daar nog verder te bewerken.

Bekijk de video (05:29 min) voor een compleet overzicht.

Peter Kassenaar
-- 15 mei 2008

In een van mijn vorige blogberichten gaf ik een techniek en een stukje JavaScript-code om het opslaan van afbeeldingen via de rechtermuisknop te ontmoedigen. Ik gaf ook in de video al aan dat het te ver gaat om dit ‘uitschakelen’ of zelfs maar ‘beveiliging’ te noemen. Het is hooguit een kleine barrière, die aan de bezoeker aangeeft dat je graag het copyright op afbeeldingen op de pagina gerespecteerd ziet.

In de video van deze post (03:55 min) laat ik zien op welke manier elke rechtermuisknopbeveiliging is te omzeilen. Hiervoor is eenvoudig gebruik te maken van het venster Pagina-info van Firefox.

Ik hoop dat je er wat aan hebt.

Peter Kassenaar
-- 3 mei 2005

Soms is er zo'n samenloop van omstandigheden dat je denkt 'hier moet ik wat mee doen'. Zo ook weer afgelopen week. Ik zat de worstelen met een ongewilde witruimte bovenaan een pagina. In Internet Explorer was het probleem niet zichtbaar, maar in Firefox wel. En juist had ik dit knelpunt verholpen (met dank aan Gert Ribbink voor de initiële oplossing) toen een lezer mij mailde met vrijwel hetzelfde probleem. En dus bedacht ik me dat dit geen toeval kon zijn en er waarschijnlijk nog wel meer webontwerpers tegen hetzelfde probleem aanlopen

Het probleem

Er is ongewenste witruimte zichtbaar rondom elementen. Soms in Internet Explorer wel en in Firefox niet, soms andersom. De pagina-opmaak kan hierdoor in de war raken.

Figuur 1: Firefox geeft een ongewenste wituimte boven de pagina

Figuur 2: Internet Explorer plaatst de pagina precies tegen de bovenrand van het venster

De oorzaak

Het bleek dat de koptekst <h1> in dit geval voor het probleem zorgde. Deze krijgt in Firefox standaard een margin van ongeveer 20 pixels aan de bovenkant en onderkant, terwijl dat in Internet Explorer niet het geval is.

De meer conceptuele oorzaak is dat er tussen de fabrikanten onderling gewoon geen vaststaande afspraken zijn gemaakt voor margin en padding van elementen. Met andere woorden: de ene keer krijgt een element in Firefox wel padding en in Internet Explorer niet, soms krijgen elementen juist margin (en soms niet) en soms werken de browsers precies tegengesteld (en in Opera en Safari gaat het weer anders). Kortom, het is een ratjetoe. Vandaar ook alle tientallen CSS-hacks die je op internet kunt vinden

De oplossing

De korte oplossing is: maak een stylesheet-regel waarin expliciet de margin voor kopteksten op nul wordt gezet. In Internet Explorer was dat al zo, dus verandert er niets. Maar in Firefox ziet de pagina er dan ook goed uit.

h1{ 
   margin: 0;
}

De langere oplssing is: gebruik de analyse-tool Firebug voor Mozilla Firefox om de bron van het probleem te achterhalen en te verhelpen. In de video (08:41 min) laat ik hiervoor een mogelijke werkwijze zien.

Uiteraard zijn er meer methoden om te analyseren wat de oorzaak van lay-outproblemen is, maar het werken met Firebug (ik ken dit pas een paar maanden, maar zou nu al niet meer zonder kunnen!) is wel een van de makkelijkste manieren denk ik.

In de komende maanden hoop ik een serie videodemo's te maken over het werken met Firebug en de uitgebreide mogelijkheden van deze Firefox-extension.

Peter Kassenaar
-- 29 april 2008