Alle Posts im Überblick

Ernährung durch Trauben

Open-Source Webdesign

Ein Sekundärmenü als Futter für die Footer

/ | Kommentar schreiben

Ein Foo­ter ist der Bereich für absei­ti­ge Hin­wei­se. Absei­ti­ger sind sie inso­fern, als unse­re Lese­rin­nen ja erwar­ten, direkt nach dem Laden oben auf das zugrei­fen zu kön­nen, wes­halb sie gekom­men sind. Unten — dort, wohin sie erst scrol­len müs­sen — suchen sie das Ande­re. So die Logik der Nach­ran­gig­keit. Dort fin­den sie dann auch das Sekun­där­me­nü: […]

Ernährung durch Säfte

Open-Source Webdesign

Nachrangiger Kram als Futter für die Footer

/ | Kommentar schreiben

Man­che Sachen sind wich­tig, ande­re nicht. Was, liegt im Auge der Betrach­te­rin. Eine Juris­tin sähe hier wohl das Impres­sum, den Bild­nach­weis oder das Daten­schutz­kon­zept. Und natür­lich die Open-Source-Com­pli­ance-Arte­fak­te. Für die geneig­te Lese­rin wäre dies jedoch eher nach­ran­gi­ger Kram bezeich­nen, als Fut­ter für den Foo­ter! Denn ihr gehe es um Inhalt. Um Unter­hal­tung. Um ech­ten ‘Con­tent’ eben. Nicht um die­ses Legal­ge­schwur­bel. Das brau­che sie doch nur im Not­fall, meint sie: […]

Frauenwiderstand

Gesellschaft Stilistik

Gendern? Ja, nur anders!

/ | Kommentar schreiben

Mei­ne Posi­ti­on dazu? Gen­dern, na klar! Nur eben anders, als es gemein­hin gemeint ist:

Die­ses gan­ze B[.*]innengestammel, die­ses Infix­ge­murk­se ist mir ein Graus. Es gibt doch eine ein­fa­che Metho­de, den Frau­en das zu geben, was ihnen zusteht: Sicht­bar­keit. Eine Metho­de, die uns trotz­dem die sprach­li­che Ele­ganz bewahrt. Ich mei­ne das gene­ri­sche Femi­ni­num! […]

Ein SEO Board

Open-Source Webdesign

bootScore & SEO: Keine toten Links, bitte!

/ | Kommentar schreiben

Such­ma­schi­nen mögen kei­ne geschwät­zi­ge Ver­schlag­wor­tung, aber gut gefüll­te Site­maps. So weit, so klar. Auch die Aus­zeich­nung durch seman­ti­sche HTML-Tags und eine gute Per­for­mance spre­chen für die Rele­vanz einer Site. Eben­falls nach­voll­zieh­bar. Was Such­ma­schi­ne dage­gen has­sen, sind ‘Dead-Links’. Wir soll­ten uns also davor hüten, das SEO freund­li­che Ver­hal­ten von bootS­core zu unter­lau­fen. bootS­core ohne ‘Bro­ken Links’ bit­te, das ist wich­tig: […]

Scrabble Steine 'SEO'

Open-Source Webdesign

bootScore & SEO: Semantik, Schlagwörter und Sitemaps

/ | Kommentar schreiben

SEO umfasst viel. Ein Mit­tel zur Search Engi­ne Opti­miza­ti­on ist die seman­ti­sche Aus­zeich­nung von Sei­ten­be­rei­chen, die mit HTML5 mög­lich wur­de: Die Tags <main>, <aside>, <article>, <header>, <nav> und <section> sol­len Such­ma­schi­nen zei­gen, was inhalt­lich wich­tig ist, und was nicht. Bei Word­Press ist es Auf­ga­be eines The­mes, die ‘Tags’ kor­rekt ein­zu­bau­en. bootS­core und SEO — das passt gut: […]

Piktogramme am Flughafen

Open-Source Webdesign

Checklisten mit Font-Awesome unter bootScore

/ | Kommentar schreiben

Auf mei­ner Wunsch­lis­te stan­den von Anfang an Check­lis­ten mit Font-Awe­so­me Icons. Also muss ich gleich hier über Font Awe­so­me Icons und eige­ne CSS-Klas­sen spre­chen, wenn bootS­core mein neu­es Word­Press-The­me wer­den soll. Denn Bul­lets und Check­marks gleich­zei­tig in einer HTML-Lis­te ergibt opti­schen Murks. Bei mir half da kein Umfor­mu­lie­ren oder Umstruk­tu­rie­ren. Und Ver­kür­zen war auch kei­ne Opti­on. Also muss­te ich sie optisch ver­än­dern: […]

Ein Shortcut mit Schere und Kamm

Open-Source Webdesign

bootScore Shortcode für Font-Awesome Icons

/ | Kommentar schreiben

Font-Awe­so­me in und für bootS­core ist ein net­tes Fea­ture. Etwas frus­triert muss ich ergän­zen, dass ‘eige­nen’ HTML-Code in einen Word­Pres­s/­Gu­ten­berg-Block via ‘Edit as HTML’ zu inte­grie­ren, gele­gent­lich Typ und Inhalt des Blo­ckes zer­stört : Wenn der Code dem Guten­berg-Edi­tor suspekt ist, ersetzt er die schon gemach­te Arbeit durch einen lee­ren HTML-Block. Ärger­lich , wenn man nur mal schnell noch ein von Font Awe­so­me Icon via <i class="fa-regular fa-square-check"></i> hin­zu­fü­gen woll­te. Das muss anders wer­den. Mit einem bootS­core Short­code für Font-Awe­so­me: […]

vom hässlichen Entlein zum schönen Schwan

Open-Source Webdesign

Von ‘ugly’ nach ’nice’: auf bootScore umstellen

/ | Kommentar schreiben

Dass ich YAML-CSS auf­ge­ben müss­te, war mir Anfang des Jah­res schnell klar gewor­den. Wodurch ich es erset­zen soll­te, weni­ger. Ich woll­te bei Word­Press blei­ben. Und mei­nen alten Con­tent recy­celn. Theo­re­tisch hät­te ich also nur das The­me aus­tau­schen müs­sen. Davon gab es jedoch vie­le, oft kom­mer­zi­ell, oft ohne Ver­weis auf die ver­wen­de­te CSS-/JS-(Open Source) Soft­ware. Und für mich soll­te es doch FOSS sein — z.B. durch eine Migra­ti­on zu bootS­core, einem wirk­lich offe­nen Frame­work. […]

Open-Source Webdesign

Nochmals über tote Pferde: YAML-CSS

/ | Kommentar schreiben
Riding a dead horse

Kürz­lich war der ’ster­ben­de’ Edi­tor Atom mein The­ma. Nun bin ich schon wie­der über ein totes Pferd in mei­nem Stall gestol­pert: YAML-CSS ist out. Das hat nichts mit YAML ain’t Mark­up Lan­guage zu tun. Es ist ein modu­la­res CSS frame­work für wahr­haft respon­si­ve Web­sites. Jah­re­lang hat es mir treu gedient, erst in Typo3, dann in Word­Press. Und nun? […]

To top