harricot & zow

webdev
testen
varia
Natasha


Geknutsel van harricot & zow

Wat fijn, een hobbydomein!

Je loopt weer eens achter, Baken. Nieuw uit de VS is:

Zó fijn! Een hobbydomein!

Responsive web design

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. Google heeft maar heel af en toe last van crawlers of robots met dementia praecox, maar bij Bing is het werkelijk onvoorstelbaar en vooral onuitstaanbaar. Elke dag tientallen 404's door links die al jaren niet meer bestaan. Wat een intens slecht ding, dat Bing. Trouwens ook als zoekmachine zelden bruikbaar.

In het najaar van '15 heb ik besloten me onderhand eens te gaan verdiepen in responsive websites. En die te leren bouwen, natuurlijk. Dat ga ik eens lekker uitproberen op harricot.nl.

Atalanta voor Natasha de Bruijn

'n Atalanta voor Simone

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.

Op universonline.nl schrijft Marin van Mensvoort over Luster '16 in de Oude Warande. Gewapend met fotoestel & Pinova-appeltjes van de EkoPlaza ben ik de tentoonstelling een paar keer gaan verkennen - ook keer met KitLing en Maarten.

Filosofie & aanverwante denksport

Voor de afdeling filosofie is er al een begin. 't Leuke van filosofie is dat je er alle kanten mee op kunt, net als met geschiedenis, een van mijn twee vakken op de lerarenopleiding. 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 is erbij gekomen. Mijn grote liefde, Marsmeske, had een bps - een ziekte die me altijd is blijven bezighouden, maar die ik nooit helemaal zal begrijpen. 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 ene 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 Superharkje! Belachelijk. Waanzin! Geen header, article, section, aside, etc. te bekennen. Er staan allemaal ordinaire div's — dus semantiek, ho maar. (Want terwijl uit een term als 'header' duidelijk blijkt wat dat element is, betekent 'div' slechts division.)

Deze beslissing van W3C begrijp ik niet. Wat schieten we er nou mee op als er in 2017 een paar miljoen sites zijn met <!DOCTYPE html> erboven, maar met een structuur die nog even (on)semantisch is als in 2007? Geen ruk, IMNSHO.

Het omzetten van mijn oude xhtml in html5 is niet het enige wat moe(s)t gebeuren. 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.)

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 tot nu toe. Hij luidt als volgt:

<!DOCTYPE html>

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


Paargangenmenu