So sah es anfangs aus, unser Grund­stück. Für unser Holz­haus mit Per­ma­kul­tur­gar­ten. In Hohen­ahr-Alten­kir­chen. Das Grund­stück, das es uns ange­tan hat­te. Der einen so, dem ande­ren so. Aber das ist eine ande­re Geschich­te. Jeden­falls soll­te es uns behei­ma­ten. Für ein Leben, das etwas fried­li­cher mit der Natur umgeht. Und damit geht es nun tat­säch­lich los: […]

Um die Über­tra­gung im Netz zu beschleu­ni­gen, bet­ten Web-Sites Java­Script-Biblio­the­ken übli­cher­wei­se ‘mini­fied’ ein, in kom­pri­mier­ter Form also. Leer­zei­chen, Zei­len­vor­schü­be und Kom­men­ta­re sind dar­aus ent­fernt wor­den. Daher ent­hal­ten die Biblio­the­ken nur noch rudi­men­tä­re Lizenz­in­for­ma­tio­nen — jeden­falls nicht den Lizenz­text selbst. Aber alle FOSS-Lizen­zen ver­lan­gen von uns, dass wir eini­ge Com­pli­ance-Arte­fak­te mit dem Code zusam­men aus­lie­fern — ins­be­son­de­re den Lizenz­text. Lizenz­kon­for­mes Java­script ist mit­hin eine Her­aus­for­de­rung für Sites — in und mit bootS­core, Word­Press und anders­wo. […]

bootS­core ver­bin­det Boot­strap und Word­Press — als The­me mit ‘respon­si­vem Design’. Dies bringt mit, was die Web-Desi­gne­rin oft nicht selbst pro­gram­mie­ren will. Jetzt kann sie statt­des­sen auf eine MIT lizen­zier­te Vor­ar­beit zurück­grei­fen, gehos­tet auf Git­Hub. Deren ‘Stan­dard-Out­fit’ per­so­na­li­siert sie dann, — als Web-Desi­gne­rin. Adap­tiert wer­de das The­me — so bootS­core -, indem frau des­sen “[…] .scss, .php and .js Datei­en ange­pas­se”. Hier mei­ne 13 Schrit­te vom puren bootS­core hin zur neu­en ‘Home­page’: […]

Daten­schutz sei kom­plex und müs­se von Exper­tin­nen orga­ni­siert wer­den, wird der WEB-Site-Betrei­be­rin ger­ne bedeu­tet. Was aber, wenn sie das Geld dafür nicht hat? Wenn es irgend­wie unsin­nig erscheint, mit der Kano­ne eines bezahl­ten Exper­tin­nen­teams auf einen Spat­zen­blog zu schie­ßen? Dann wird sie sich viel­leicht via Goog­le irgend­ein ger­ne genutz­tes Word­Press-Plug­in für Daten­schutz und/oder Coo­kies orga­ni­sie­ren — und hof­fen, dass alles gut geht. Oder sie wird dem genau­er nach­ge­hen. Und sich am Ende viel­leicht auch Dau­men­re­geln für das The­ma ‘Daten­schutz und DSGVO’ zusam­men­stel­len, aus und mit denen sich wenigs­tens ein gut gang­ba­rer Weg ergibt. Hier mei­ne 3.7 Faust­re­geln: […]

Boot­strap* und bootS­core ver­wen­den SCSS-Varia­blen — wie wir wis­sen. Um Schrif­ten zu grup­pie­ren, bie­tet die Datei bootstrap/_variables.scss die Varia­blen $font-family-base, $font-family-sans-serif, $font-family-monospace und $font-family-code. Eine Varia­ble $font-family-serif exis­tiert nicht. Über­schrei­ben wir fami­ly-base in unse­rer Datei _bscore_variables.scss, legen wir den Default neu fest. Wol­len wir für unse­re Über­schrif­ten einen abwei­chen­den Font ver­wen­den, müs­sen wir die Varia­blen $headings-font-family und $display-font-family umde­fi­nie­ren. Das reicht aus, wenn wir nur zwei Schrift­fa­mi­li­en benut­zen wol­len. Möch­ten wir hin­ge­gen auch ande­re Fonts für beson­de­re Anläs­se ver­wen­den, z.B. einen drit­ten Font für unse­re Menüs, dann müs­sen wir anders aktiv wer­den: […]

Schrift gehört zum Design, pas­sen­de Web-Schrif­ten zum Web-Design — nicht nur zu beson­de­ren Anläs­sen. Mit bootS­core kön­nen wir Goog­le Fonts direkt ein­bau­en. Uns wird sogar erklärt, wie wir sie lokal hos­ten und so die Erwäh­nung im Daten­schutz­kon­zept umge­hen. Gleich­wohl müs­sen wir uns dazu ein wenig auch auf Boot­strap ein­las­sen: […]

Zwei schlan­ke Landing-Pages hat­te ich unter den Top­pings für bootS­core ja schon ange­bo­ten: mylap-sp1r­p1 und mylap-sp0r­p1. Bei­de zei­gen das Wich­ti­ge zuerst: Das Blog-The­ma. Und den jüngs­ten Post. Die eine stellt dem auch noch den zuletzt ver­öf­fent­lich­ten Sti­cky Post vor­an. Wenn wir unse­re Lese­rin nur dezen­te Hin­wei­se auf frü­he­re Posts vor­fin­den soll, braucht es eine ande­re Lösung: […]

Bis­her zeigt die Landing­pa­ge mylap.php — als Tem­p­la­te ver­knüpft mit der Word­Press-Sei­te mylap — auch nur eine Lis­te aller Bei­trä­ge. Unse­re bevor­zug­te Lese­rin hat­te uns aber mit auf den Weg gege­ben, dass sie auf der Ein­stiegs­sei­te nur das Wich­tigs­te sehen wol­le. Und zwar auf einen Blick. Das Wich­tigs­te in einem Blog ist wohl immer der jüngs­te Bei­trag. Plus viel­leicht der je jüngs­te ‘Sti­cky Post’, also der, den die Autorin zuletzt so mar­kiert hat, dass er immer oben gezeigt wer­den sol­le. So könn­te eine ver­schlank­te Landing­pa­ge aus­se­hen: […]

Wir brau­chen Side­bars. Dafür haben wir ja Platz geschaf­fen. Aber wir brau­chen ver­schie­de­ne: Die Tag-Wol­ke macht nur Sinn auf der Side­bar der Über­blicks­sei­te. Dort kann sie die Suche in der Men­ge der Arti­kel abkür­zen. Auf den ande­ren Sei­ten lenkt sie ab. Umge­kehrt brau­chen den ande­ren Sei­ten einen ‘more’-Button in der Side­bar, der auf die Such­sei­te führt. Mit ande­ren Wor­ten: Fokus­sie­rung durch kon­text­sen­si­ti­ve Side­bars, das ist auch ein Mit­tel der Ver­schlan­kung: […]