Categoriearchief: Webdesign

Identificeer gebruikte webtechnologieën met Wappalyzer

In mijn vorige column over frameworks werd gesproken over de populaire JavaScript-frameworks React, Angular en VueJS. Hierin werd ook gezegd dat het voor de eindgebruiker eigenlijk niet uitmaakt welk framework wordt gebruikt. Als de website maar gebruikersvriendelijk en duidelijk is. Maar voor ons als developers kan het wel degelijk interessant zijn. Soms willen we gewoon graag eens bekijken hoe een bepaalde pagina werkt, welke lettertypen op een pagina zijn gebruikt, of er misschien een CMS is ingezet (en zo ja, welke?) en of gebruik wordt gemaakt van cloudopslag. Toegegeven, dat zijn allemaal nerdy zaken, maar als webontwikkeling je werk of je hobby is, is het toch interessant om te weten. Maar hoe kom je daar als developer nu eenvoudig achter? Met Wappalyzer!

Bron weergeven

Van oudsher hebben alle browsers de optie om de broncode van een pagina te tonen. Dit werkt via het menu, de sneltoets F12, of via de rechtermuisknop en de optie Bron Weergeven, Show Source of vergelijkbaar. Echter, moderne frameworks en CMS’en proberen de code te comprimeren en optimaliseren, zodat de website zo min mogelijk bandbreedte verbruikt en zo snel mogelijk te laden is. Zelfs een minimalistische pagina als Google.nl gebruikt deze techniek en is op deze wijze zo goed als onleesbaar (en in ieder geval onbruikbaar) voor de ontwikkelaar. Lees verder Identificeer gebruikte webtechnologieën met Wappalyzer

Front-end frameworks: keuze te over

Jarenlang bestond het vak van webdesigner uit het kunstig aan elkaar knopen van HTML- en CSS-pagina’s. Het was voldoende om de basiscommando’s te kennen en over enige designvaardigheden te beschikken. Voor animaties en al-dan-niet gehate ‘splash-pages’ was Adobe Flash de aangewezen tool. Als er lastig JavaScript geprogrammeerd moest worden, waren de bibliotheek jQuery en typische developersfora als stackoverflow.com meestal voldoende om de schijn op te houden dat u wist waar u mee bezig was. Tenminste, tot een jaar of vijf geleden… Nu heb je de keuze uit verschillende front-end frameworks: React, Angular en VueJS.

Front-end frameworks

Na het verschijnen van jQuery zat de populariteit van JavaScript duidelijk in de lift, terwijl de ooit populaire plug-ins Adobe Flash (en in het verlengde daarvan ook Microsoft Silverlight) een stille dood stierven doordat Steve Jobs ze eigenhandig van de iPad wist te weren. Alle inhoud van websites moest sinds ongeveer medio 2010 worden vormgegeven met de standaardtechnieken HTML, CSS en JavaScript. De rol van het programmeren van Flash- en Silverlight-applicaties werd overgenomen door JavaScript. Lees verder Front-end frameworks: keuze te over

De Wet van de IJssalon

Voor het opzetten en ontwerpen van een website of app heb je o.a. een informatie-architectuur en een navigatie-structuur nodig. Aan de hand daarvan kan je als ontwerper gaan nadenken over de knoppen en menu’s die er zoal moeten komen. Je komt daarbij veel goedbedoelde raadgevingen tegen. Bijvoorbeeld: ‘je mag niet meer dan drie keuzes bieden; men moet niet meer dan drie maal hoeven doorklikken’ en meer van dat soort dogma’s. Nou, als je dat zou aanhouden dan zou een website of app idealiter niet méér dan 3 x 3 x 3 = 27 brokken inhoud kunnen bieden ? Lijkt mij stug…
Wat zijn dan wèl goede aanbevelingen?

Gebruikers van websites en apps willen tijdens het navigeren graag aan de winnende hand zijn. Daarom mag je gebruikers tijdens hun zoektocht gerust wat verder laten dóórklikken, zolang ze maar de bevestiging ervaren dat ze naderen wat ze zoeken. Maak het hen dus makkelijk, door hooguit 4 à 5 keuzes te vermelden waar men misschien even over moet nadenken. Òf door opsommingen van opties te bieden die eenduidig verwoorden en/of verbeelden wat men zoekt. Lees verder De Wet van de IJssalon

Het web, 30 jaar later

Als u de internetberichtgeving iets aandachtiger dan normaal hebt gevolgd, dan zal het u niet ontgaan zijn. Deze week dertig jaar geleden, om precies te zijn op 12 maart 1989, deed de Engelsman Tim Berners-Lee, werkzaam bij kernonderzoeksinstituut CERN in Zwitserland een voorstel aan zijn meerdere waarvan hij nog niet kon bevroeden dat het de wereld zou veranderen. In een eenvoudig paper met de droge titel “Information Management” stelde hij een techniek voor waarmee wetenschappers informatie met elkaar konden uitwisselen om zo beter zicht te houden op hun steeds groter wordende projecten.

Enkele jaren later, rond 1991 was een systeem geboren dat hij WorldWideWeb noemde (alle woorden aan elkaar geschreven). Zeker, er waren al netwerken van talloze aan elkaar gekoppelde computers, universiteiten, wetenschappers en militairen hadden al jarenlang toegang tot e-mail, en zelfs de eerste emoji’s waren al geboren. Maar een manier om die informatie in de vorm van documenten en visueel met elkaar te delen bestond nog niet. De rest is geschiedenis, zoals dat zo mooi heet. Lees verder Het web, 30 jaar later

Iets met een U, een I, of X…

We hebben er allemaal mee te maken. Iedere dag gebruiken we ze. Iedere dag klikken of tikken we wel op een aantal – jawel, vaak zelfs méérdere malen per dag. Soms vele uren op een dag achtereen.

Wat zijn dat dan ? Webpagina’s, applicaties en mobiele apps ! Maar dat niet alleen. Je kan het ook groter of algemener beschouwen; denk aan hele computersystemen, of bedieningspanelen. Van digitale deurbel tot pin-automaat, van een chat-bericht tot augmented reality, overal kom je letterlijk of figuurlijk in aanraking met mechanieken, apparaten, hardware en software waardoor je iets kan gebruiken, of iets kan laten gebeuren. Het bedenken en ontwerpen daarvan is een vak apart. De moderne naam daarvoor is User Experience Design (UX Design) maar het vak bestaat al langer. Lees verder Iets met een U, een I, of X…

Microsoft Edge schakelt over naar de Chrome-engine en dat is een slecht teken…

We schrijven 1995. Microsoft viert grote triomfen met het zojuist gelanceerde Windows 95 dat samen met de succesvolle opvolgers als Windows XP en Windows 7 decennialang de bureaucomputer zal domineren. De opmars van het mobiele platform is de afgelopen jaren weliswaar onstuitbaar geweest, maar desktopcomputers zijn zakelijk en creatief gezien nog steeds een factor van belang. Ze vormen een niet te verwaarlozen marktaandeel. Volgens een recent rapport zat de verkoop van desktops, die nog steeds grotendeels voorzien zijn van het Windows-besturingssysteem, in 2018 voor het eerst sinds jaren weer in de lift (1). Toch pakten in 1995 donkere wolken zich samen aan de horizon. Microsoft dreigde namelijk de internetboot te missen.

Gesloten netwerken

Met de kennis van nu lijkt het een eenvoudig gegeven, maar in 1995 was het nog geen uitgemaakte zaak dat het open internet het ging maken. Er waren tal van consumentennetwerken actief, waarvan CompuServe en AOL de bekendste waren. Op deze netwerken konden gebruikers alleen gebruik maken van diensten die op dat platform werden aangeboden en communiceren met andere aanwezigen binnen hetzelfde netwerk. Een mailtje sturen van een CompuServe-gebruiker naar een AOL-abonnee zat er dus niet in. Microsoft, liefhebber van gesloten platformen, zag wel brood in dit model. Het ontwikkelde een eigen variant, het Microsoft Network of kortweg MSN. Dit zou de concurrentie wel wegvagen was het idee. Lees verder Microsoft Edge schakelt over naar de Chrome-engine en dat is een slecht teken…

Een goede supportafdeling is onmisbaar

De provider in Amerika waar we onze sites en blogs hosten, stuurde een mailtje dat de server waar dat alles op staat nieuwe hardware en software ging krijgen. Zorg voor een goede back-up, want je weet nooit wat er kan gebeuren! Een update naar nieuwe snellere, veiligere hard- en software? Heerlijk! Nou, eh… na de migratie deed niets het meer. De email niet en de blog waren onbereikbaar. Dankzij een goede supportafdeling was het gelukkig snel opgelost.

Opruimen!

Eind 2003 maakte ik een website voor mijn vrouw, die illustrator is. Een vriend raadde me aan om die in Amerika onder te brengen bij Lunarpages. In de loop van de tijd kwamen er blogs bij en zette ik er wat fotoverzamelingen op, om die via het web aan klanten/vrienden/familie te kunnen laten zien. In die 15 jaar werd de map op de server van Lunarpages waar dat alles stond een beetje een zooitje. Ik was dan ook niet echt verbaasd toen ik een volgend mailtje kreeg met het verzoek dat ik, voorafgaand aan de servermigratie, de boel in die map een beetje wilde opruimen. Subject: domain – Excessive / Unrelated content found on your account [Action Required]. Lees verder Een goede supportafdeling is onmisbaar

Angular is koning

Elk tijdperk krijgt het framework dat het verdient

AngularAls je – zoals ik – al wat langer meeloopt in de wereld van frontenddevelopment, heb je allerlei trends voorbij zien komen. De complexiteit van systemen is enorm toegenomen. Tien jaar geleden waren bedrijven en organisaties tevreden met een site die hun zichtbaarheid op internet garandeerde. De huidige trend: Angular.

jQuery was koning, de websitemakers zijn onderdanen. Een website bestond uit tal van losse pagina’s, gekoppeld via een hoofdmenu met handige opties als Start, Contact, Over ons en Producten. Op een pagina kon de bezoeker het aanbod sorteren, filteren en had de webmaster (zo heette die rol destijds) wellicht wat animaties van de getoonde producten gerealiseerd. Bestellen? Geen probleem. Gebruik de koppeling naar het contactformulier, dat vervolgens – handmatig! – door de afdeling inkoop werd verwerkt. Lees verder Angular is koning

Adobe en Microsoft kijken mee met session-replay scripts

Al dagen word ik overspoeld met advertenties voor waterkokers. We hadden er een nodig, dus zochten we online naar waterkokers en kochten er meteen een. Toch maar een addblocker aanzetten, nu ik geen waterkoker meer kan zien? Je weet dat dit soort informatie over je wordt opgeslagen. Het is niet anders. Dat er ook sites zijn die je toetsaanslagen en muisbewegingen opslaan is echter andere koek. Er zijn talloze sites die met behulp van scripts informatie over je binnenkrijgen en dat opslaan. Je wachtwoord, je bestelling voor rustgevende tabletjes of je creditcard-info. Uitzetten van dit soort scripts is moeilijk, zo niet onmogelijk. Session-replay scripts, wen er maar aan?
Lees verder Adobe en Microsoft kijken mee met session-replay scripts

ExpertHandboek Windows 10: de webserver IIS

omslag-boek-experthandboek windows 10Het boek van de maand oktober is het ExpertHandboek Windows 10. Het is geschreven door een keur aan auteurs: Peter Doolaard, Peter Kassenaar, Michiel de Rond, Ronald Smit en Bob van Duuren. Deze maand publiceren we op dit blog een aantal voorproefjes uit het ExpertHandboek Windows 10 (zoals deze, deze en deze) en is er een interview met Michiel de Rond. Dit is een voorproefje uit hoofdstuk 9: IIS installeren en configureren. Dit hoofdstuk behandelt de webserver die in Windows 10 verborgen zit, de Internet Information Services ofwel IIS. (H.F.)

Windows-versies voor bureaubladgebruik bevatten aardig wat functionaliteit die origineel voor servers is ontwikkeld. Zo is het onder andere mogelijk uw Windowscomputer in te stellen als webserver, zodat andere computers in uw lokale netwerk of zelfs vanaf internet uw website kunnen benaderen.
Lees verder ExpertHandboek Windows 10: de webserver IIS