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 aanleiding om harricot.nl wat fanatieker te gaan gebruiken. Namelijk de nog te schillen appeltjes met Simone Rops, een buitengemeen sympathieke filosoof.

Oude Warande – Lustwarande

Mijn eerdere pagina over de tentoonstelling Lustwarande 2015 heb ik ondergebracht bij een nieuwe afdeling, namelijk de Oude Warande in Tilburg. Dit beginpunt is een algemene pagina over de Oude Warande, met wat voorlopige zever over de flora daar en met foto's van dikke bomen, beukelaantjes en zwammen, zoals de onvolprezen berkedoder (Piptoporus betulinus). Foto's maken van de massaal aanwezige spechten is me helaas nog niet gelukt.

Misschien wil Simone me dit najaar vergezellen! Ik heb haar uitgenodigd om de Lustwarande '16 te verkennen, gewapend met fotoestel & Pinova-appeltjes van de fucking EkoPlaza. Misschien negeert Simone mijn invitatie, want ze vindt klanten van de EkoPlaza een minderwaarige mensdiersoort, zo bleek uit haar Facebookbericht in juni 2015. Nee, ze schreef er uiteraard niet bij in welk opzicht een havo-muts achter een kassa een verheven soort zou zijn.

Filosofie & shit

'n Opzetje is er al voor de afdeling filosofie. 't Is 't vak van de juist genoemde Simone. Zij was voor mij de vrouw met de hamer.  ;-) (Eerst de bedwelmende illusie van liefde, lust & lang & lui in bed liggen, dan de ontnuchterende werkelijkheid van nietsontziende valsheid.)

Sinds september 2016 is Simone ook voor anderen de vrouw met de hamer. Ze is warempel bestuursvoorzitter geworden van Sapientia Ludenda (Sapi), de filosofenclub op de hogeschool (of 'UvT', als je liever meegaat in de schier eindeloze reeks naamswijzigingen, en daarbij het/de geweldige KUT moet overslaan! - ja triestig).

Aan de afdeling Filosofie moet nog wel veel gebeuren, hoor! 't Leuke van filosofie is dat je er alle kanten mee op kunt, net als met geschiedenis, een van mijn eigen twee vakken. Ik vermoed dat 't inderdaad 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).

Ook psychologie komt erbij. Mijn grote liefde, Marsmeske, had een bps - iets wat me altijd is blijven bezighouden, maar nooit helemaal te (be)vatten is. Zelf mankeer ik ook van alles in m'n kop: subassertiviteit ('n interessant klinkend eufemisme voor lafheid), verder een langzaam verdwijnend restant van 'n sociale fobie, en ten derde een verlatingsangst van hier tot die boer in Timboektoe, weetjewel. Voor psycho-spul zijn er dus op- en aanknopingspunten zat!  ;)

Html5 & responsive webdesign

Zoals de zaken er nu voorstaan, is responsive design 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 (nog) 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 beslissing van W3C begrijp ik niet. Wat schieten het web en de gebruikers ervan er nou mee op als er in 2017 een paar miljoen sites zijn met <!DOCTYPE html> erboven, maar met een structuur die even semantisch is als in 2007? Geen ruk, IMNSHO.

Het omzetten van de xhtml die ik gewend ben in 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