Categoriearchief: Web Development

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

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

SharePoint: Bejubeld en Verguisd

Sharepoint 2016Deze week verscheen het Handboek SharePoint 2016 van auteur Twan Deibel. Dit boek is geschreven om (eind)gebruikers een helpende hand te bieden zodra ze met SharePoint (moeten) gaan werken. Stap voor stap wordt beschreven wat SharePoint te bieden heeft. Je leert hoe je onderdelen aan SharePoint-sites toevoegt en hoe je de functionaliteit daarvan naar je hand zet. Voor ComputerCreatief schreef hij deze gastcolumn over SharePoint en zijn boek. (H.F.)

SharePoint: een volwassen kanjer!

In de 18 jaren dat ik SharePoint nu ken is het geëvolueerd tot een enorm rijk ontwikkelplatform en heeft het zijn vrienden en zeker ook vijanden leren kennen. SharePoint is namelijk een raamwerk waarmee websites voor informatie-uitwisseling en online samenwerking binnen een groep of organisatie kunnen worden opgezet, zoals dat vaak op een intranet gebeurt. Maar slechte implementaties, onderschatting van de mogelijkheden, matige zorg voor het ecosysteem en vooral de gebrekkige adoptie door eindgebruikers zorgen voor die slechte naam en dat het is verguisd. Volstrekt onterecht in mijn ogen, want als je al 18 jaar bestaat, en je krijgt wederom een nieuwe versie (SharePoint 2019 werd in mei 2018 aangekondigd), dan kunnen criticasters zeggen wat ze willen, maar dan ben je wel een volwassen kanjer geworden. Lees verder SharePoint: Bejubeld en Verguisd

Blij met een dooie Muse

Maak prachtige responsive websites zonder te programmeren staat er nog bij de app van mijn Creative Cloud-lidmaatschap. Dat was in 2012 een goed idee. 26 maart 2018 kreeg Muse zijn laatste update en vanaf mei 2019 is het een dooie Muse en is er geen support meer van Adobe.

Doe het zelf!

Muse
Het opstartscherm van Adobe Muse.

Muse was bedoeld voor ontwerpers die graag een website wilden ontwerpen, maar die geen zin hadden zich bezig te houden met de techniek achter een site. Geen HTML of Javascript, maar werken aan een ontwerp zoals je dat in InDesign doet. Adobe geeft twee redenen voor het stoppen van verdere ontwikkeling/updates voor Muse. De eerste reden is dat ontwerpers steeds meer bezig zijn met het maken van complexe websites en zich meer bezighouden met interface-ontwerp en prototyping. De tweede reden – misschien wel de belangrijkste – is dat je tegenwoordig voor simpele websites aan de gang kunt met Doe-hetzelfoplossingen, die met templates het mogelijk maken om snel te kunnen worden aangepast door de ontwerper of de klant.
Lees verder Blij met een dooie Muse

Antoni Dol: ‘Testen van een app met behulp van prototyping is essentieel in de ontwerpfase!’

Antoni DolAntoni Dol is afgestudeerd als illustrator op de Rietveld-academie, studeerde reclame op de Kunstacademie van Rotterdam en was drie jaar freelance illustrator. Vanaf 1995 groeide hij als webdesigner en interactieontwerper mee met het internet en was van 1996 tot 2016 designer bij internetbureau Macaw. Hij schreef boeken over XAML, over Silverlight en Interactieontwerp. Antoni legt zich sinds 2017 toe op schrijven van fictie en nieuwe studieboeken. Zijn boek Prototyping met onlinetools is het boek van de maand maart op ComputerCreatief. We spraken met hem over dat boek, zijn sciencefictionschrijfcarrière en wat er toch van Silverlight geworden is…

Antoni Dol
Antoni Dol.

Antoni Dol: ‘Silverlight bestaat nog wel, maar het heeft geen toekomst meer. Ik volgde met verbazing de week waarin Silverlight de nek werd omgedraaid. We leggen het accent op een wat andere plek, zoiets werd er bij Microsoft gezegd. Een eufemistische manier van zeggen dat ze totaal iets anders zijn gaan doen. Het was eigenlijk meteen duidelijk dat ze alle browserplugins achterwege lieten en helemaal voor HTML gingen. Het was een logische stap, maar wel de doodsteek voor Silverlight. Er is vijf jaar lang enorm veel geld gestoken in Silverlight met enorm grote teams van ontwikkelaars. Het was prachtige software. Microsoft heeft me regelmatig teleurgesteld, maar ik zit nog steeds op dat platform.’
Lees verder Antoni Dol: ‘Testen van een app met behulp van prototyping is essentieel in de ontwerpfase!’

Progressie in onlinetools voor prototyping

Het boek van de maand maart is Prototyping met onlinetools, geschreven door Antoni Dol. Deze maand publiceren we op dit blog een aantal voorproefjes uit boek en een interview met de auteur. Deze gastblogpost van Antoni gaat over de veranderingen en progressie in onlinetools voor prototyping. Het 1ste voorproefje uit het boek – dat je HIER vindt – geeft antwoord op de vragen: waarom een prototype, hoe bereik je succes en hoe verfijn je een prototype? (H.F.)

Progressie in onlinetools voor prototyping

Schrijf je een boek over prototyping met onlinetools, dan ontkom je niet aan nieuwsbrieven van de makers van die software. De schrik slaat je om het hart als je nieuwe functies aangekondigd ziet die niet in je boek staan. Dit is onvermijdelijk met een langzaam, offline medium als boeken. Niet voor niets heet mijn blog ADdendum: op boekenblogs publiceer je aanvullingen en toelichtingen bij reeds gedrukte tekst. Dat de markt voor onlinetools voor prototypes in beweging is, blijkt uit de stortvloed aan ontwikkelingen in die nieuwsbrieven. Vandaar een samenvatting.
Lees verder Progressie in onlinetools voor prototyping

Prototyping met onlinetools: waarom een prototype?

Het boek van de maand maart is Prototyping met onlinetools. Het is geschreven door Antoni Dol. Deze maand publiceren we op dit blog een aantal voorproefjes uit boek en een interview met de auteur. Dit 1ste voorproefje geeft antwoord op de vragen: waarom een prototype, hoe bereik je succes en hoe verfijn je een prototype? (H.F.)

Waarom een prototype?

Er zijn twee belangrijke redenen om een prototype te maken. Ten eerste zijn er waarschijnlijk talloze andere apps die iets soortgelijks doen als jouw app. Voor bijna elk probleem van een gebruiker is al eens een oplossing verzonnen. En mocht je stuiten op een nieuw of nog niet eerder opgelost probleem, dat zijn er op korte termijn andere apps die jouw lichtend voorbeeld volgen en precies hetzelfde doen. Je app moet altijd concurreren met andere apps.
Lees verder Prototyping met onlinetools: waarom een prototype?