harricot &zow

webdev
testen
varia
etc


Geknutsel van harricot &zow

Wat fijn, een hobbydomein!

Responsive

Jarenlang heb ik harricot.nl misbruikt voor rare dingen en gefröbel, meestal afgeschermd van het web. Eén keer heb ik er WordPress op gedraaid, een paar maanden. De zoekmachines achtervolgen me nog steeds. Oude, niet meer bestaande links zijn taaier dan gewenst. Najaar 2015 heb ik besloten me onderhand eens te verdiepen in responsive websites. En die te leren bouwen, natuurlijk. Dat ga ik eens lekker uitproberen op harricot.nl.

Ropsyflopsie

Atalanta voor Simone Rops

'n Atalanta voor Simone

Een andere reden om harricot.nl wat fanatieker te gaan gebruiken is mijn parttimeloopgravenoorlogje met Simone Rops.  [Er gaan overigens geruchten dat er geheime vredesonderhandelingen plaatsvinden.]

Een voorlopige pagina is er over de expositie Lustwarande '15. Ook een opzetje voor een afdeling filosofie. Oorspronkelijk was die speciaal bedoeld voor Simone Rops, want het is haar vak op de hogeschool. Pardon, university. Daaraan moet nog veel gebeuren. 't Leuke van filosofie is dat je er alle kanten mee op kunt, net als met geschiedenis, een van mijn eigen twee vakken. Over Simone de Beauvoir heb ik intussen weer aardig wat gevonden op 9 januari, haar geboortedag. En de afdeling Chomsky mag voor mij geen probleem zijn. Chomsky is een van mijn helden, tenslotte.

Durf ik het aan? Html5? Responsive gedoe?

Ik probeer het. 't Moet. 't Is nu eenmaal de beste manier om tegemoet te komen aan de wensen van De Mensen. Met al hun beeldschermen, van mini tot reusachtig. Daarom moet 't van het W3C. En ook van Google de Almachtige. Als je niet meedoet aan die vernieuwing, ben je uiteindelijk nergens meer, met je website. Bijna letterlijk 'nergens'. Je site staat dan wel op de harde schijf van een server, maar na een tijdje weet je dat alleen zélf nog maar. :)

Met 'html5' bedoel ik échte html5. Ook tekstbaken.nl is geschreven in html5. Dat staat er tenminste boven. Maar het is nep.

tekstbaken.nl was al 15 jaar gewoon xhtml strict. Een jaar geleden plekte ik er een andere DTD boven en… klaar was Harkje! Belachelijk. Waanzin! Geen header, article, section, aside, etc. te bekennen. Er staan allemaal ordinaire div's — dus semantiek, ho maar. Deze werkwijze en beslissing van W3C begrijp ik niet. Wat schieten het web en de gebruikers ervan er nou mee op als er in 2015 een paar miljoen sites zijn met <!DOCTYPE html> erboven, maar met een structuur die even semantisch is als in 2005? Geen ruk, IMNSHO.

Het ombouwen van de xhtml die ik gewend ben naar html5 is niet het enige karwei. Een andere eis waaraan een moderne site moet voldoen is dat ie, zoals gezegd, geschikt is voor zowel enorme beeldschermen als minischermpjes. En voor alle schermen ertussenin, dus die van handhelds, phablets, tablets en wat dies meer zij.

De beste manier om dat te bereiken is RWD, responsive web design. Mijn superkleine en razendsnelle 'mobiele' versie van TekstBaken heb ik daarom allang weer weggekieperd. Die mobiele versie, in het subdomein 'm.tekstbaken.nl' was al verouderd voor ze af was. Beetje frustrerend allemaal, want dat gedoe, telkens opnieuw, kost halve en hele nachten en hele zwarte koffies. Maar ik leer er wel veel door.

In mei 2010 publiceerde Ethan Marcotte op de beroemde site alistapart.com zijn artikel Responsive Web Design. En zo is het begonnen: één site maken die werkt op alle devices. (Het bouwen van afzonderlijke "mobiele sites" gebeurde al eerder.)

[23:56] * harbeider luistert naar 'Black' door 'Pearl Jam'. (Dat meldt het Perl-script 'noupleej.pl' dat zich uitleeft op IRC, kanaal #dingus.)
*zwarte koffie haalt*

Nu ik toch efkus door mezelf van het werk werd gehouden: op HTML5test.com kun je de browser testen die je nú gebruikt. In hoeverre hij deugt voor html5, dus. Mijn Firefox 41.0.2 for openSUSE Linux 13.2 haalde zojuist (2015-11-03) 464 van de 555 punten. Maar Opera Mobile 33.0 op mijn gsm met Android Linux haalt er 507 van de 555. Ik heb nog steeds een zwak voor Opera, maar helaas wordt die browser langzaam maar zeker van de markt gedrukt. Althans voor de desktop.

De bovengenoemde nieuwe manier van webontwerp/webbouw, die wil ik het liefst leren, en niet ordinair jatten via een sjabloon. Ik wil weten wat er staat. Inderdaad, wat de code betekent die je ziet als je op Ctrl+U mept. (Apple-volgelingen doen iets met fruitjes, 'appeltje dingus' of zo. Ja, sommige zéggen het zelfs. Hardop! Heel apart.  ;)

De DTD — doctype declaration — van html5 is de nieuwste en eenvoudigste van alle gangbare doctypes. Hij luidt als volgt:

<!DOCTYPE html>

Ja, dat is alles! De validator van W3C leest deze DTD en interpreteert de pagina vervolgens automatisch als html5.


Veelgangenmenu