www.online-hulpverlening.be/blog

Nieuwe mogelijkheden

Een kort overzicht van de nieuwe mogelijkheden van HTML5:

• HTML5 biedt een aantal nieuwe tags. In plaats van div tags te definiëren kan je dan gebruik maken van een aantal voorgeselecteerde tags om de structuur van je pagina op te bouwen. Zoals o.a. <header>, <nav>, <article>, <footer>, <section> en <aside>.
• Met HTML5 wordt het mogelijk om video en audio te integreren zonder dat je plug-ins, zoals Flash, nodig hebt.
• Een andere nieuwe functionaliteit is ‘canvas’. Een element dat het mogelijk maak om grafieken of andere illustraties 2-dimensionaal in een  webbrowser weer te geven. Browserondersteuning laat echter nog te wensen over.
• HTML5 is ook de enige universele standaard voor alle moderne mobiele apparaten (tablets en smartphones).

Nieuwe functies door het gebruik van HTML5 zijn bijzonder handig, maar uitbreiding op gebied van vormgeving is in praktijk dikwijls nog handiger én leuker. CSS3 biedt een hoop mogelijkheden voor o.a. lettertypes, teksteffecten, afgeronde hoeken, achtergronden, patronen, schaduwen, transparantie en animaties.

Kan ik het al gebruiken?

Tot op zekere hoogte: ja! Moderne browserversies van Mozilla Firefox, Chrome en Safari kunnen al heel wat verwerken. Internet Explorer 9 doet z’n best, maar kan nog niet helemaal volgen. Vorige versies van Internet Explorer (6,7 & IE8) snappen er helemaal niks van.

Gelukkig zijn er een aantal hulpmiddelen voorhanden om een vlotte overstap naar HTML5 & CSS3 mogelijk te maken. Als je wat op je tellen past zullen zelfs IE6, IE7 & IE8 de HTML5 kunnen weergeven en een gedeelte van CSS3.

Aan de slag

Wat meer basiskennis van HTML5 kan je altijd gebruiken. Er zijn een aantal e-books beschikbaar die een goed overzicht bieden, zoals:

• Het gratis e-book van Mark Pilgrim ‘Dive into HTML5′
• Op Sitepoint vind je het iets meer technische ‘HTML5 & CSS3 for the real world’, van Alexis Goldstein, Louis Lazaris & Estelle Weyl

Om oudere browsers in de pas te laten lopen met html5 kan je volgende scripts gebruiken:

• html5shiv
• of Modernizr

Omdat Internet Explorer onbekende elementen standaard als  ‘display:inline;’ weergeeft, dien je wel in je CSS het volgende toe te voegen:

header, article, aside, figure, footer, hgroup,
menu, nav, section { display:block; }

Wil je het bovenstaande allemaal in één keer op orde krijgen dan kan je ‘HTML5 Boilerplate’ gebruiken. Het is een professionele basis-template waarmee je onmiddellijk mee van start kan gaan en die ook voorziet in een volledige stylesheet, print-stylesheet, modernizr script, jquery script, code voor Google Analytics, optimalisaties voor mobiele toepassingen, enz. HTML5 Boilerplate kan je downloaden in verschillende versies: alles erop en eraan, met of zonder verklarende commentaar, of samengesteld volgens je eigen wensen. Je hoeft ook niet alles te gebruiken. Verwijder gerust wat je overbodig vindt of niet nodig hebt. Idem dito in de CSS.

Vind je Boilerplate wat overweldigend, dan lees je best eerst een goede introductie over de achtergrond en het gebruik ervan op de blog van Dan Wahlin ‘Getting started using HTML5 Boilerplate‘.

Het gebruik van bovenstaande hulpmiddelen zorgt er echter niet voor dat oudere versies van IE plots ook alle CSS3 zullen kunnen weergeven. Met CSS3Pie kan je alvast wel ‘border-radius’, ‘ box-shadow’, ‘border-image’ (min of meer), ‘ rgba colors’ en ‘gradients’ gebruiken. Een overzichtartikel rond CSS3 en oudere browsers vind je op Smashing Magazine.

www.fransbak.com

Daarom een vervolg op het vorige artikel en nog wat meer kleine toepassingen en bestanden die het bereik van het programma uitbreiden.

Glyphs panel

Een indrukwekkende extensie van Aaron Beall. Dit paneel produceert verschillende karakters voor elk lettertype dat op je computer geïnstalleerd is: Basic Latin, Special Characters, Math, Numeric, Punctuation, Standard Ligatures, Misc Web, enz.
Deze extensie is niet gratis, maar voor een goede 2 euro is ze de investering meer dan waard.

Wanneer je daarenboven over een paar symbool-lettertypes beschikt, wordt de extensie nog interessanter om te gebruiken. Dergelijke lettertypes kan je o.a. hier vinden:
www.justbenicestudio.com of www.delicious.com

De extensie wordt geïnstalleerd door te dubbelklikken op het mxp-bestand, waarna de extension manager de rest doet. In Fireworks kan je ze openen via ‘Window > Glyphs’. Je kan ze dan verankeren in één van de zijpanelen.

Download & demo >

Smart Knife

De ‘smart knife ‘ command geeft de mogelijkheid om shapes, text, auto-shapes en bitmaps te splitten. Niet alleen in een rechte lijn, maar in gelijk welke vorm. Het maakt ook niet uit of objecten op verschillende lagen staan, ze moeten enkel geselecteerd zijn. Gebruik dan de pen of line tool om de vorm waarin je wil splitten te tekenen. Dan klikken op ‘Smart knife’ in het ‘Commands > Oblects’ menu, et voila. Een prima extensie van John Dunning.
Dubbelklik op het mxp-bestand en de extensie wordt automatisch geïnstalleerd.

Download Smart Knife command >

3D Rotate

De 3D Rotate command maakt het erg gemakkelijk om objecten in Fireworks driedimensioneel te roteren. Een extensie van Aaron Beall.
Om de extensie te installeren dubbelklikken op het mxp-bestand. Na het heropstarten van Fireworks is ze te vinden onder ‘Commands > Modify > 3D Rotate’.

Download en demo >

Fireworks Styles

Handige commands die met 1 klik ‘Stroke, Fill, Effect & Text’ van een geselecteerd vector object kunnen veranderen. Bereikbaar via het Styles paneel.

Download 48 web 2.0 styles >

Meer web 2.0 styles (fireworkszone) >

Diverse style packs >

Download metal NN3 styles (fireworkszone) >

Meer metal styles (fireworkszone) >

Fireworks vector pack

Fireworks vectors van Pete Rosmenda, op deviantart.

Download via deviantart >

Balam Acab, de naam van een goedaardige demon uit de Maya cultuur, is eigenlijk Alec Koone. Een jonge twintiger en doe-het-zelver uit Pennsylvania, die vrijelijk rondstoeit met synths en samplers om een uniek geluid te creëren. Niet erg toegankelijk op het eerste zicht, tenzij je er even de tijd voor neemt en/of  een hoofdtelefoon over je oren schuift.  Dan gaat plots zijn wereld open. Het blijkt een universum van betoverende en bevreemdende klanken, die je nog nooit hoorde maar toch vertrouwd zijn.

Ultratrage bassen, onaardse electronica, een zweem harp of violen, en gepitchte stemmen op helium. Toch klinkt de muziek niet abstract, onderkoeld of mechanisch. Koone laat zijn composities  organisch groeien uit het niets, zoals in ‘Fragile Hope’ of ‘Still’.

Hieronder een video van ‘Motion’. Een pastorale intro, gevolgd door iets wat zelfs op een ‘song’ lijkt.
“Feel the dawn…”

Have a look: www.tse-webdesign.be

Vanaf Reason 6 had je het bijkomende programma ‘Record’ niet langer nodig, omdat beide programma’s tot één geheel versmolten.

Alle mogelijkheden van ‘Record’ werden geïntegreerd in Reason 6, waardoor je nu binnen Reason beschikt over uitgebreide live opname en bewerkingsmogelijkheden, een geavanceerde mixconsole, meerdere paralelle instrumenten racks (met 3 synths, 2 samplers en 2 drummachines) naast effectmodules, ‘combinators’ en andere hulpmiddelen.

Er werden ook 3 nieuwe effectmodules toegevoegd, die op zich de update al de moeite waard maken. De ‘Pulveriser’ draait elk geluid door de mangel, wat ‘crunchy’ compressie oplevert, naast ‘dirty’ distortie en flexibele modulatie. ‘The Echo’ zorgt voor geavanceerde stereo echo’s met tal van mogelijkheden. Tenslotte levert ‘Alligator’, filter- en patroongebaseerde gate-effecten die je nog nooit eerder hoorde.

Wat spijtig genoeg nog afwezig blijft is de mogelijkheid om binnen Reason externe VST effecten en instrumenten te gebruiken.

Meer op www.propellerheads.se en een bespreking op www.musicradar.com

Go and grab it

Lees er meer over de blog van online-hulpverlening.be

Ontwerp: Another Z-webdesign
CMS en applicaties: Tse-webdesign

www.strass-store.com
Bedrijfswebsite: www.strasskids.com