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.

Rops

Atalanta voor Simone Rops

'n Atalanta voor Rops
zhij zit op de klimops

Herfst 2015 was er een extra aannleiding om harricot.nl wat fanatieker te gaan gebruiken. Namelijk de nog te schillen appeltjes met Simone Rops, een buitengemeen sympathieke filosoof. Met een schier ondoorgrondelijke gebruiksaanwijzing.

Oude Warande - Lustwarande

Een voorlopige pagina is er over de expositie Lustwarande '15. Uiteindelijk moet dat een aparte afdeling worden. Met als beginpunt een algemene pagina over de Oude Warande, natuurlijk met wat gezever over de flora aldaar en met foto's van dikke bomen en zwammen, zoals de onvolprezen berkendoder. Foto's maken van de massaal aanwezige spechten is me helaas nog niet gelukt. Misschien wil Simone me dit najaar assisteren. Ik heb haar uitgenodigd om de Lustwarande '16, 17 september - 30 oktober te verkennen, gewapend met fotoestel & appeltjes van de fucking EkoPlaza.

Filosofie & shit

Nog slechts 'n opzetje is er voor 'n afdeling filosofie. 't Is 't vak van de reeds genoemde Simone. Zij was voor mij de vrouw met de hamer. ;-) Maar sinds september 2016 ook voor anderen! Siomone is warempel bestuursvoorzitter geworden van Sapientia Ludenda, de filosofenclub op de hogeschool (UvT, als je liever meegaat in de eindeloze reeks naamswijzigingen, maar daarbij het geweldige KUT moet overslaan - ja triestig).

Aan die afdeling moet nog wel veel gebeuren, hörre! 't Leuke van filosofie is dat je er alle kanten mee op kunt, net als met geschiedenis, een van mijn eigen twee vakken. Ik vrees dat die afdeling alle kanten op gaat schieten. Anarchisme, marxisme, syndicalisme, de autonomen, maar ook ouwe Griekse mafkezen natuurlijk. Ik volg 'gewoon' het toeval en m'n eigen voorliefdes, zoals vrouwen (De Beauvoir, Luxemburg), rebellen (Montaigne), rooien (Marx, Engels, Lenin, Negri), zwarten (Bakoenin, Proudhon, Kropotkin, Chomsky).

Html5 & responsive webdinges

Zoals de zaken er nu voorstaan, is rwd 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. Ze hebben gelijk, die twee. Het is immers in het belang van de gebruikers dat het web niet alleen prima toegankelijk is met een gewone doos, maar ook met een smartphone, tablet, phablet en wat men nog meer zal verzinnen.

Met 'html5' bedoel ik overigens é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