Categoriearchief: Informatica

iPad als kantoor

Die iPad kan eigenlijk zo ongeveer elk apparaat op je bureau vervangen, als het gaat om werk. Kortom: de iPad als kantoor is verdraaid handig! Zeker nu reizen met de dag moeilijker en duurder wordt.

We hebben de iPad natuurlijk al eens vaker genoemd als vervanger voor de laptop. En dat gaat in veel gevallen best goed, was toen de conclusie. Maar eigenlijk is diezelfde iPad in sommige opzichten zelfs beter dan de laptop. Want je kunt er – liefst met een extern toetsenbordje – niet alleen prima op tikken, ook is het een uitstekend dicteerapparaat. En als je wilt ook meteen een scanner en (of) copier. Communiceren draait het apparaat ook z’n hand al niet voor om. Gebruik het eigen Apple Facetime voor een uitstekende beeld- en geluidskwaliteit. Voor gesprekken een op een of complete videovergaderingen. Geen gekke gedachte nu we met z’n allen binnenkort nog maar 100 mogen rijden. Waarom nog elke dag naar je werk sukkelen als je ook prima thuis kunt werken? Want dát is eigenlijk het allergrootste voordeel van de iPad als kantoor: we zijn niet meer afhankelijk van een vaste werkplek. Werken kan overal en altijd! Lees verder iPad als kantoor

Maak zelf een HSL-kleurkiezer in HTML en CSS (3)

Handboek HTML 5 en CSS3Het boek van de maand oktober is Handboek HTML5 en CSS3, 5de editie van Peter Doolaard. Deze maand bespreken we het boek, geven we op dit blog wat voorproefjes uit het boek. Dit is deel 3 uit een serie over het maken van een HSL-kleurenkiezer met HTML, CSS en wat JavaScript. Deel 1 vind je HIER, deel 2 vind je HIER. De site die bij het boek hoort vind je HIER. (H.F.)

Tijd voor het vervolg van een serie over het maken van je eigen HSL-kleurkiezer. In deel 2 is met hulp van het schaduw-DOM de basisopmaak voor de regelaars ingesteld en kreeg de tintregelaar een kleurverloop volgens het HSL-systeem. Die kleur is niet meer dan een achtergrond. De werkelijke waarde komt uit het attribuut value. Hetzelfde geldt voor de andere regelaars. Met JavaScript kunnen we die waarden lezen en verwerken tot een CSS-kleurdeclaratie of de inhoud van een tekstveld. Lees verder Maak zelf een HSL-kleurkiezer in HTML en CSS (3)

Maak zelf een HSL-kleurkiezer in HTML en CSS (2)

Handboek HTML 5 en CSS3Het boek van de maand oktober is Handboek HTML5 en CSS3, 5de editie van Peter Doolaard. Deze maand bespreken we het boek, geven we op dit blog wat voorproefjes uit het boek. Dit is deel 2 uit een serie over het maken van een HSL-kleurenkiezer met HTML, CSS en wat JavaScript. De site die bij het boek hoort vind je HIER. (H.F.)

In deel 1 van deze serie is het raamwerk van de HSL-kleurkiezer gebouwd. Dit deel gaat over het maken van de regelaars voor de componenten van een HSL-kleur. Dat blijkt nog een mooie uitdaging.

De kleurwaarden

Eerst moeten we bedenken hoe we alle kleuren kunnen weergeven. Een HSL-kleur bestaat uit drie componenten: hue (tint), saturation (verzadiging) en lightness (helderheid). HSL is gebaseerd op de RGB-kleuren. Het model ziet eruit als een dubbele kegel, met de kleuren in een cirkel en zwart en wit op de toppen. Rood staat op 0/360 graden, groen op 120 en blauw op 240 graden. In CSS wordt bijvoorbeeld de volle kleur groen weergegeven als hsl(120, 100%, 50%). Hierbij is 120 de tint, 100% de verzadiging en 50% de helderheid. Met de hoofdkleuren van RGB maken we een kleurverloop waarin alle tinten voorkomen. CSS heeft daarvoor de eigenschap linear-gradient. Lees verder Maak zelf een HSL-kleurkiezer in HTML en CSS (2)

Maak zelf een HSL-kleurkiezer in HTML en CSS (1)

Handboek HTML 5 en CSS3Het boek van de maand oktober is Handboek HTML5 en CSS3, 5de editie van Peter Doolaard. Deze maand bespreken we het boek, geven we op dit blog wat voorproefjes uit het boek. Dit is deel 1 uit een serie over het maken van een HSL-kleurenkiezer met HTML, CSS en wat JavaScript. Deel 2 uit deze serie vind je HIER. De site die bij het boek hoort vind je HIER. (H.F.)

Er bestaan allerlei hulpmiddelen om de CSS-code van een RGB- of HSL-kleur te bepalen, maar zelf iets bouwen is een perfect oefenproject. In een serie korte artikelen lees je hoe je zelf een kleurkiezer voor HSL maakt met HTML, CSS en een beetje JavaScript. Dit is deel 1: de interface (UI).

Interface voor het instellen van een HSL-kleur
Lees verder Maak zelf een HSL-kleurkiezer in HTML en CSS (1)

Lokaliseer uw programmacode rechtstreeks met JavaScript met de API Intl

JavaScript heeft lang de naam gehad weliswaar een krachtige taal te zijn, maar waarbij voor het serieuze werk toch aanvullende gereedschappen nodig zijn. Voor het manipuleren van webpagina’s was jQuery jarenlang de aangewezen tool. Voor het rekenen met datums en tijden en het omzetten van het lastige datumformaat van JavaScript naar leesbare tekst werd veelal de bibliotheek moment.js gebruikt. Dat is handig, maar betekent ook dat potentieel tientallen extra kilobytes voor het ondersteunen van allerlei talen wordt meegebundeld met uw applicatie. Maar dat hoeft nu niet meer dankzij de API Intl.

Er was al de website You might not need jQuery, de nieuwe specificaties van JavaScript voorzien tevens in een API die Intl heet (een afkorting voor ‘internationalization’), waarin de meest voorkomende handelingen voor het werken met datums, tijden, getallen en valuta zijn gebundeld.

De API Intl

In de nieuwste versies van Internet Explorer, Edge, Chrome en Firefox is de API Intl ingebakken en kan hij rechtstreeks vanuit JavaScript-code worden aangeroepen. Tip: wilt u weten of een bepaalde feature door uw favoriete browser wordt ondersteund, bezoek dan caniuse.com en typ de naam van de eigenschap. De website laat zien welke versies van de browser de gevraagde eigenschap ondersteunen (of niet). Lees verder Lokaliseer uw programmacode rechtstreeks met JavaScript met de API Intl

Vue.js – het nieuwe JavaScript-framework

In de webwereld is het frontend vakgebied een hot topic. Steeds meer bedrijven en organisaties kiezen ervoor hun frontend gescheiden te ontwikkelen van het backend. Zo kan het backend zich concentreren op authenticatie, API’s en datavoorziening, terwijl het frontend kan profiteren van compacte en lichtgewicht webapplicaties die op elke device draaien. Vaak wordt gekozen voor Angular of React als frontend framework, om niet telkens het wiel opnieuw te hoeven uitvinden. Maar sinds enige tijd is ook Vue.js een steeds vaker gekozen alternatief.

vue.js
De vue-homepage..

Vue.js is evenals React en Angular een frontend framework. Dit betekent dat in één geïntegreerde omgeving wordt voorzien in alle eisen waaraan een moderne webapplicatie moet voldoen. Denk aan zaken als webcomponenten, databinding, routing, state management en communicatie met het backend via http. Het gebruik van losse bibliotheken zoals jQuery, knockout, mobx (voor state management) en andere is vaak niet meer nodig. Alles is al beschikbaar in het framework. Het ene framework biedt out-of-the-box iets meer (Angular), het andere framework iets minder (React), maar daar staat dan weer meer keuzevrijheid tegenover. Vue.js biedt wat dat betreft een tussenweg. Er zijn standaard bibliotheken voor routing en state management, maar het is niet verplicht ze te gebruiken. Lees verder Vue.js – het nieuwe JavaScript-framework

Terug naar het verleden: retro

Ach, een beetje nostalgie op z’n tijd kan nooit kwaad! We vonden een alleraardigste website bomvol retro ogend spul waar je lekker naar kunt kijken en luisteren.

In de jaren tachtig en negentig van de vorige eeuw was de demo scene immens populair. Deze bestond uit – meestal – groepjes programmeurs en creatievelingen. Enigszins samen te vatten onder de noemer nerds, zo je wilt. Ze schreven software met maar één doel: laten zien wat ze als groep konden. Om dingen te doen met een (home)computer die zelfs de ontwerpers voor onmogelijk hadden gehouden. Zo kon een homecomputer middels een trucje veel meer dan het standaard aantal kleuren op het scherm laten zien, bijvoorbeeld. Vaak waren dat er maar 16, maar meer was met stevig programmeerwerk soms een optie. Hoe dan ook, de resulterende demo’s – zoals de stukjes software officieel heetten – waren vaak een plezier om naar te kijken en luisteren. En je kunt die oude tijden zonder gedoe herbeleven op een website met een hele berg van deze voor een browser herschreven of opnieuw ontworpen demo’s. Retro in een modern jasje!

Lees verder Terug naar het verleden: retro

Boekbespreking: Webscraping met Python van Ryan Mitchell

Vorig jaar oktober spraken we met Jerry Vermanen over het boek Internet research & Datajournalistiek waarvan hij mede-auteur is. Het boek bevat een hoofdstuk over de mogelijkheden en het belang van webscraping geschreven door Vermanen en daarom leek het ons een aardig idee om het nieuwe Handboek Webscraping met Python van Ryan Mitchell door hem te laten bespreken. Voor je begint met lezen een definitie van webscraping: ‘webscraping is een computertechniek waarbij software wordt gebruikt om informatie van webpagina’s te extraheren en al dan niet te analyseren.’ (H.F.)

Webscraping is niet voor iedereen weggelegd. Zo, dat is eruit. Een goede waarschuwing voor ieder persoon die het boek Webscraping met Python van Ryan Mitchell wil aanschaffen, maar geen basiskennis van Python heeft. Maar stel dat je wel weet wat BeautifulSoup is en je de terminal op je Mac of Linux-machine weet te vinden: maak alvast wat lege mappen aan om je nieuw gescrapte data in te bewaren.

Lees verder Boekbespreking: Webscraping met Python van Ryan Mitchell

800 miljoen keer Windows 10…?

Vol trots bracht Microsoft het nieuws naar buiten: Windows 10 heeft maar liefst 800 miljoen gebruikers. Experts halen er hun schouders over op. Want niemand weet hoe de softwaregigant meet.

Het klinkt indrukwekkend: 800 miljoen ‘actieve’ gebruikers van Windows 10. Het zou in de optiek van Microsoft betekenen dat zo ongeveer elk ander besturingssysteem weggevaagd is. Als je een beetje om je heen kijkt wéét je dat dit niet zo is. Kortom: hoe komt de softwarereus aan dit soort getallen? Dat is de vraag die kenners al langer bezig houdt. Microsoft definieert het zelf als geactiveerde Windows 10-versies die tenminste een keer per maand online zijn geweest en verbinding hebben gemaakt met het bedrijf. Qua Windows 10-versies wordt er geen enkel onderscheid gemaakt en  belangrijk – ook niet qua hardware waar het op draait. Dat is een interessant gegeven, want bijvoorbeeld de Xbox One gameconsole draait eveneens op Windows 10. En van dat apparaat zijn tientallen miljoenen exemplaren verkocht. Dan zijn er nog de vele extreem goedkope Chinese tabletjes, die vaak niet tot nauwelijks gebruikt ergens in een hoekje liggen (want door de minieme hardware nauwelijks inzetbaar). En een onbekend aantal IOT-apparaten dat op een naar de essentie teruggebrachte versie van 10 draait, denk aan bijvoorbeeld de Raspberry Pi. Last but not least zijn er heel veel virtuele machines voor experimentele doeleinden in gebruik, bijvoorbeeld om software te testen enzovoorts. Plus nog altijd een berg Windows 10 mobieltjes…

Lees verder 800 miljoen keer Windows 10…?

Programmeren met Bash

Programmeren klinkt ingewikkeld en moeilijk, maar hoeft dat niet te zijn. Een programmeeromgeving als Bash vereenvoudigt het leven, bijvoorbeeld.

Bij programmeren denken de meeste mensen aan ingewikkelde toestanden met lange lappen nagenoeg onleesbare code. En het moet gezegd: in sommige gevallen is dat ook zo. Maar als je toevallig het DOS-tijdperk nog hebt meegemaakt, ken je wellicht nog de aloude batch-bestanden. Met daarin een serie opdrachten waarmee je bijvoorbeeld programma’s kon starten. Het was zelfs mogelijk om net wat verder te gaan en er een ‘echt’ programmaatje van te maken. Zo was iets als een opstartmenu te realiseren of iets anders aardigs, zoals het automatiseren van een reeks opdrachten. Het moderne Bash borduurt eigenlijk voort op dat idee. Het is – net als de batchbestanden onder DOS – gebaseerd op scripts. Vertel de computer wat je wilt doen en het script voert deze opdrachten uit. Alleen geldt wel dat Bash veel en veel flexibeler en uitgebreider is dan wat er met batchbestanden mogelijk was.

Lees verder Programmeren met Bash