Notes by KargWare

Software | Web | QA-CI-CD | Apps | Hardware

A blog for notes, by kargware, for software development (C#, ps1, php, js, html, css), build and release pipelines (TFS, Azure DevOps, GitLab), process automation (makefile), testing and quality assurance (nunit), continuous integration (CI), continuous delivery (CD). X-Platform Development. Agile Working and Scrum.

by KargWare

SCSS: My mixins for CSS

2021-01-23 19:55 Nicolas Karg

WEB-DEVELOPMENT

css scss styling jekyll

Jekyll does support SASS and SCSS, the documentation can be found at sass-lang.com. These both techniques are a kind of pre-compiler or pre-processor to generate css - cascading style sheets. This blog uses jekyll as a static site generator, so we can use SCSS as well. To reuse sass or scss code Mixins were introduced. Mixins helps to keep the code cleaner and easier to maintain. With Mixins you can created nested css-styles, use css-fallbacks as a single command, reuse group…

CSS: Tesa (transparent tape) look for a div

2021-01-23 15:36 Nicolas Karg

WEB-DEVELOPMENT

css styling

Normal rectangle div-elements or other html-containers are mostly boring. That is why I want to create a transparent tape (adhesive foil) on each corner to have a kind of fancy style. The tape look was of course inspired by the brands Tesafilm ® and Scotch tape ®. Top Left Top Right Bottom Right Bottom Left To generate that look a wrapper html element is needed, e.g a div. Important is that the position is relative position: relative; in that container. The child el…

Jekyll Show Random Posts

2021-01-22 11:41 Nicolas Karg

WEB-DEVELOPMENT

jekyll liquid

Neither in Jekyll nor in Liquid there is a option to get a random value out of an array. But there is modulo filter which can be used to archive the goal. I found a solution on StackOverflow - 31490789, and adjusted my need a bit so I was able to get three different random posts. --- layout: post title: "Jekyll Show Random Posts" date: 2021-01-22 12:41:37 +0200 --- {% assign random1 = site.time | date: "%s%N" | modulo: site.posts.size %} {% assign post_random1 = site.…

Posts by

Kategorien der Posts

Tags der Posts

Wichtige Seiten / Landing Pages