Dit is het webblog van Peter Kassenaar - Ik geef training en consultancy in het maken van crossplatform mobiele apps en webapps. Trefwoorden: AngularJS, PhoneGap, jQuery/Mobile. HTML5, CSS3, JavaScript, AJAX, JSON. Ik schrijf boeken en artikelen over tal van (ICT-) onderwerpen. Ik was lead developer en directeur bij Yindo - Jouw digitale bibliotheek. Je kunt mij volgen op Twitter.(@PeterKassenaar)

Terug naar de algemene site.

12juni

Angular 2 – leren en begrijpen

Al eerder schreef ik over de online training Angular 2 – Leren en begrijpen die ik aan het ontwikkelen ben. Het doet me plezier te kunnen melden dat deze training nu gereed is en is goedgekeurd door het online trainingsplatform Udemy. De training is vanaf vandaag te vinden op:

https://www.udemy.com/angular-2-leren-en-begrijpen/

angular2-bij-udemy

De training heeft onder meer de volgende kenmerken:

  • Videotraining – beschikbaar op pc, laptop, smartphone en tablet, via de Udemy App.
  • 90+ video’s en 5,5 uur videomateriaal.
  • Korte lessen (4-6 minuten), met telkens één onderwerp.
  • Oefeningen in PDF-formaat zodat je zelf aan de slag kunt met Angular 2.
  • Talloze extra resources en webadressen voor meer informatie.

Zie https://www.udemy.com/angular-2-leren-en-begrijpen/ (verder naar beneden, onder Curriculum) voor een complete inhoudsopgave:

Inhoudsopgave van Angular 2 - Leren en begrijpen

 

Als je specifieke vragen hebt over de training, tips voor verbetering van de inhoud of voor nieuwe trainingen, aarzel dan niet om contact op te nemen of een mailtje te sturen naar info@kassenaar.com!

Experiment

Het is ook voor mij een experiment, om te bekijken of hier in het Nederlandse en Belgische taalgebied voldoende animo voor is. Udemy is een platform dat op dit moment voornamelijk Engelstalige trainingen aanbied (op dit moment kon ik 14 andere Nederlandstalige trainingen ontdekken). Het heeft echter wel ambities om ook een belangrijke rol in andere markten te gaan spelen. Er zijn onder meer al Spaanse, Duitse en Chinese varianten.

Kortingscode

Als je al eerder een kortingscode hebt aangevraagd, dan heb je hierover inmiddels een mailtje ontvangen. Wil je alsnog aanmelden voor een kortingscode voor vroege vogels, dan kan dit nog tot 1 augustus 2016. Stuur een mailtje naar info@kassenaar.com met als onderwerp Udemy – Angular 2 en ik mail je terug met een code en instructies om deze in te wisselen.

Ik ben benieuwd naar jullie reacties,

Ondertussen veel succes met Angular 2!

--Peter Kassenaar
12 juni 2016

 

09april

Videodemo's bij Adobe Pulse

Tags: , | Categories: video
E-mail | Permalink | Reacties (0) | Post RSSRSS comment feed

Als je dit blog al wat vaker hebt bezocht, dan weet je dat ik hier met enige regelmaat video's plaats, bijvoorbeeld over Adobe producten als Dreamweaver en Flash.

Gisteren sprak ik met Klaasjan Tukker, Business Development Manager bij Adobe Benelux, en die wees mij op het bestaan van Adobe Pulse. Adobe Pulse is de nieuwe online portal van Adobe Benelux. De site is sinds 1 maart in de lucht.

Misschien ben je ook bekend met Adobe.tv - de videoportal van Adobe die sinds de lancering van de Creative Suite 4-software een enorme boost aan inhoud heeft ondergaan. Het is een erg goed gevulde site (waar ook behoorlijk wat budget voor beschikbaar was, zo vertelde Tukker), maar heeft voor Nederlanders en Belgen een belangrijk nadeel - alle inhoud is Engelstalig.

Veel Engelstalige video's bij Adobe.tv

En hoewel de meeste mensen wel een aardig mondje Engels beheersen, is het in de praktijk lastig om een Engelstalige presentatie, met Engelse software (over een product dat misschien helemaal nieuw voor je is) zonder ondertitels te volgen. Niet alle presentatoren hebben immers een opleiding tot nieuwslezer ondergaan…

Adobe Pulse vult deze leemte op.

Op de site zijn op het moment van schrijven 17 video's aanwezig. Over Adobe-onderwerpen als Photoshop, Acrobat en Flash, maar bijvoorbeeld ook over Apple-hardware en -software, zoals het werken met Mac OS X Finder, Spotlight en Time Machine. Alle video's zijn met Nederlandstalige presentatoren. Aan uitbreiding van het aantal video's wordt gewerkt (want ik zie in de twitter-berichtjes van Tukker dat hij juist Premiere Pro weer heeft gestart voor een nieuwe edit-sessie :-)

Het is de bedoeling dat de site een echte portal gaat worden, met een agenda, community en Adobe evenementen in het land, maar zo ver is het nog niet. Het begin is echter veelbelovend.

Verbeteringen

Er zijn nog een aantal andere puntjes op de site die misschien aangepakt kunnen worden, zoals de mix van Engelstalige en Nederlandstalige inhoud (maar hier moet ik de hand in eigen boezem steken – dit weblog heeft dat ook, omdat het op een vertaalde Engelstalige engine gebaseerd is).

Ook zou het handig zijn als na het kiezen van een video de film automatisch gestart wordt. Nu zit ik vaak enkele seconden te kijken naar het beginscherm, zonder me te realiseren dat ik nogmaals moet klikken om de video te starten…

Hoe dan ook, het initiatief is toe te juichen - neem eens een kijkje op Adobe Pulse.

Peter Kassenaar
-- 09 april 2009

18augustus

Duotoon afbeeldingen maken in Photoshop

Onlangs ben ik gestart een serie – al wat oudere – videodemo's om te zetten naar webformaat en te publiceren op dit blog. In deze serie zijn inmiddels de volgende afleveringen verschenen.

De video van dit bericht gaat over het werken met Duotoon-afbeeldingen. Deze zijn vooral in de drukwereld bekend, maar ook voor webdesign kan het werken met Duotonen tot snel resultaat leiden. Ze komen vooral van pas als het nodig is om bijvoorbeeld snel een kleurfilter over een foto te leggen. Met een paar klikken kan de foto dan snel van de gewenste sfeer worden voorzien.

 

Duotoon afbeeldingen maken in Photoshop

 

Mocht het daarna (eveneens) nodig zijn om de foto af te drukken op een drukpers, dan is in elk geval het exacte kleurnummer bekend en zal de kleur van het drukwerk precies overeenkomen met de afbeelding op het scherm. Het is niet nodig om verschillende kleuren drukinkt te mengen om tot het gewenste resultaat te komen. Op een eenvoudige inktjetprinter zal dit verschil overigens niet te zien zijn, maar een drukker zal blij zijn met de exacte kleurinformatie uit het Pantone- of HKS-profiel.

 

Met Duotoon zijn snel mooie effecten te bereiken. Hiernaast bijvoorbeeld een foto van mijn zoontje (4 jaar) die is omgezet naar een Duotoon-afbeelding waarop de kleur Pantone Yellow C is toegepast.

 

Succes er mee, bedankt voor het lezen/kijken.

 

Peter Kassenaar
--18 augustus 2008

10augustus

Uitgebreide tekstmaskers in Photoshop

In mijn serie videoposts over digitale fotografie en het werken met grafische programma's (Photoshop, Photoshop Elements, overige) zijn ondertussen de volgende afleveringen verschenen:

De video van dit blogbericht is wat uitgebreider (10:40 min.) en laat zien hoe tekstmaskers kunnen worden gebruikt voor verschillende letters van een woord. Achter elke letter wordt een andere foto als masker gebruikt.

 

Uitgebreide tekstmaskers in Photoshop

Om het effect er wat meer uit te laten springen worden daarna(ast) enkele teksteffecten toegepast op de maskers, zoals Schuine rand (Bevel and emboss) en Slagschaduw (Drop shadow). U leert hoe deze eenmalig worden ingesteld en vervolgens makkelijk naar elke laag worden gekopieerd.

De oefenbestanden die in deze videodemo worden gebruikt zijn te downloaden als zip-bestand. Kijk hiervoor onderaan dit bericht.

Wilt u meer weten over Photoshop, kijk dan ook eens in de linkerbalk van dit blog met Google-advertenties. Google is meestal vrij goed met het inschatten welke advertenties op een bepaald blogbericht van toepassing zijn :-).

Door deze adverteerders te bezoeken draagt een u een steentje bij in de kosten van dit weblog. Maar natuurlijk mag u ook rechtstreeks een donatie overmaken om uw waardering te laten blijken!

Bedankt voor het lezen/kijken.

Peter Kassenaar
-- 08 augustus 2008.

tekstmaskers_aap.zip (1,43 mb)

04augustus

Werkruimte instellen in Photoshop

In mijn serie videoposts over digitale fotografie en het werken met grafische programma's (Photoshop, Photoshop Elements, overige) zijn ondertussen twee afleveringen verschenen:

In de video van dit blogbericht gaat het niet over een speciale handeling of techniek, maar meer om een randvoorwaarde bij het werken met Photoshop, namelijk "hoe houd je het werkgebied zo schoon mogelijk en het zicht op je foto zo goed mogelijk?". Ik laat zien hoe de sneltoets Tab in Photoshop zorgt voor een opgeruimd werkblad en hoe je eigen werkruimtes met favoriete paletten en –locaties kunt maken. Ook wordt in de video getoond hoe snel de standaardinstellingen van Photoshop hersteld worden.

Paletlocaties en werkruimte instellen in Photoshop

Werkruimte en paletlocaties instellen in Photoshop (04:02 min.)

De video is opgenomen met Photoshop CS, maar werkt ook in andere versies van Photoshop. Veel andere grafische programma's (Corel Draw, The GIMP, Paint Shop Pro) hebben vergelijkbare opties, al zullen ze soms anders heten. Wel wordt veelal ook de Photoshop-conventie van sneltoetsen gevolgd (omdat dit nu eenmaal de de facto standaard is). Probeer het gebruik van Tab dus gewoon eens uit.

Bedankt voor het lezen/kijken.

Peter Kassenaar
-- 01 augustus 2008.

01augustus

Review Dell Vostro 410

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.

30juli

Descendant selectors in CSS en Dreamweaver

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.)

 

Video over het werken met descendant selectors in CSS en Dreamweaver

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.

09juli

Remote Desktop Connection (RDC) voor Max OS X

In Windows is al jarenlang een tooltje opgenomen om vanaf de ene computer contact te leggen met een andere computer. Dit heet 'Verbinding maken met een Extern Bureaublad' of in het Engels 'Remote Desktop Connection'.

Zo kun je rechtstreeks op de externe computer werken alsof je achter het scherm zit. Ik gebruik dit zelf bijvoorbeeld dagelijks om direct werkzaamheden uit te voeren op onze Windows 2003-server die fysiek gezien niet rechtstreeks toegankelijk is (hij staat in een afgeschermde ruimte en is alleen via het netwerk te benaderen).

Lees voor meer informatie over het werken met Extern Bureaublad bijvoorbeeld dit prima artikel bij Computer!Totaal.

Nu ook voor Mac OS X

Het is verheugend om te zien dat RDC nu ook rechtstreeks – en gratis –voor Mac OS X beschikbaar is. Dit scheelt mij weer handelingen, want voorheen moest ik op mijn MacBook Pro altijd eerst VMWare opstarten, daarna Windows XP of Windows Vista en vervolgens via RDC voor Windows inloggen op onze server. Remote Desktop Connection voor Mac is bij Microsoft verkrijgbaar op dit adres: http://www.microsoft.com/mac/products/remote-desktop/default.mspx. Hulde voor Microsoft in dit geval.

Ik heb met Jing twee korte video's gemaakt over de manier waarop je dit programma kunt downloaden, installeren en gebruiken op je Mac.

Let op: ze openen in een overlay, maar zijn wel tamelijk groot (reken op ca. 1000x600 pixels). Zorg er dus voor dat je scherm groot genoeg is, anders moet je scrollen.

Bekijk de video over het werken met RDC voor Mac OS X

Deel 1 – downloaden, installeren en eerste verbinding maken (5:00 min.)

Bekijk de video over het instellen van RDC-voorkeuren

Deel 2: Voorkeuren instellen en diverse configuratie-opties (04:04 min.)

Gebruik je zelf ook Remote Desktop Connection (of juist niet?), laat het in dat geval eens weten via een commentaar bij dit blogbericht.

Veel plezier er mee.

Peter Kassenaar
-- 9 juli 2008