Survey Of All Posts!

Pimp Your bootScore
/ | Leave a CommentLinking Bootstrap and WordPress to get a responsive design is the task of bootScore, a WP-theme bringing along what the web designer actually does not want to program herself. Instead, she can now rely on a MIT-licensed preliminary work hosted on GitHub. But its ‘standard outfit’ still must be personalized, ‘pimped’ — by the work of a Web Designer? The theme is adapted — so bootScore — by modifying its “[…] .scss, .php, and .js files”. Here are my 13 steps from a pure bootScore to a personal ‘homepage’: […]

Using JavaScript Compliantly
/ | Leave a CommentTo speed up deliverability, JavaScript libraries — embedded in a website — are usually compressed by deleting all whitespace, line feeds, and comments. They are minified. As a result, they usually contain only very rudimentary license information — at least not the license text itself. But all FOSS licenses require us to ship some compliance artifacts with the code — especially the license text. This is the challenge with using JavaScript — in bootScore and elsewhere […]

Compliance export Programming Tooling
Data Privacy, DSGVO and Cookies
/ | Leave a CommentOften the website operator is told, that Data protection is complex and has to be organized by experts. But what if she doesn’t have the money for that? If it seems somehow nonsensical to shoot at a sparrow blog with the cannon of a paid team of experts? Then — maybe and with the help of Google — she installs some popular WordPress plugins for privacy and/or cookies — in the hope that all goes well. Or she investigates it in more detail. And in the end, she perhaps gathers rules of thumb, from which at least one well-workable way results. Here are my 3.7 rules of thumb: […]

Extra Fonts for Extra Cases
/ | Leave a Commentbootstrap and bootScore use SCSS variables — as we know. To group fonts, the file bootstrap/_variables.scss
provides the variables $font-family-base
, $font-family-sans-serif
, $font-family-monospace
and $font-family-code
. A variable $font-family-serif
does not exist. If we overwrite family-base in our _bscore_variables.scss
file, we redefine the default. If we want to use a deviant font for our headings, we have to redefine the variables $headings-font-family
and $display-font-family
. This is sufficient if we want to use only two font families. But if we want to use a third font for our menus, we need to do things differently: […]

Suitable Web-Fonts
/ | Leave a CommentChoosing good fonts is part of the design. With bootScore we can incorporate Google Fonts directly. We are even told how to host them locally, thus bypassing the mention in the privacy policy. Nevertheless, we have to get a little involved with Bootstrap as well: […]

Slimming Down (V): Understated, but visible!
/ | Leave a CommentIn bootScore Toppings, I’ve already offered two slim landing pages: mylap-sp1rp1 and mylap-sp0rp1. Both show the important things first: The blog topic. And the most recent post. One of them additionally puts the most recent Sticky Post in front of the other. But if we want to show our reader the one or other sticky post more discreetly, it needs another solution: […]

Slimming Down (IV): Designing Your Landing Page
/ | Leave a CommentUntil now, the landing page mylap.php — as a template linked to the WordPress page mylap — also shows only a list of all posts. But our favorite reader had ‘prescribed’ us that she wanted to see only the most important on the initial page. And that at a glance. The most important thing in a blog is probably always the most recent post. Plus maybe the most recent ‘sticky post’, that is, the one that the author marked last so that it should always be shown at the top: […]

Slimming Down (III): Context Sensitive Sidebars
/ | Leave a CommentWe need different sidebars: The tag cloud makes sense only on the sidebar of the search page. There it can shorten the search in the set of articles. On the other pages, it distracts the reader. Conversely, the other pages need a ‘more’ button in the sidebar that leads to the survey page. In other words, we need (at least) two different sidebars: […]

Slimming Down (II): Throw Away, What Distracts
/ | Leave a CommentMy pages are too full, my preferred reader says: She constantly gets something to click on another article. She understands why. I wanted to entice her to read on. Like a real news portal. But my content was not broad enough. I only want to talk about a few core topics. So, too much is just too much. […]