Seitenende 

Post by Year and Month

2021

2021 - 01
SCSS: My mixins for CSS

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

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

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.…
CSS equal height of three columns

Format different div elements as a table with the same column height. Col 1 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Col 2 Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy ei…
CSS unordered list in one line

Format a simple unordered list <ul></ul> of elements, like this … Hello List Element Wrapped As A Single Line Example … to an one liner with some content before and after the joined elements Hello List Element Wrapped As A Single Line Example This is the css, which will place an arrow before and brackets after each element. The first and the last list element will be extra handled. <style> ul.one-line-list:before { display: inlin…
CSS unordered list rotated

Format a simple unordered <ul></ul> list of elements, like this … Group ABC Group DEF Group GHI Group JKL No Link 1 No Link 2 Group MNO No Link 3 Tom Butler … to an one list where the elements a alternating rotate a bit Group ABC Group DEF Group GHI Group JKL No Link 1 No Link 2 Group MNO No Link 3 Tom Butler In the html you need just add the css class on the ul-element of …
Add appraisal to a rubygem project

Appraisals is a tool to generate different Gemfiles so you can do matrix testing (e.g. different versions of ruby). How to add appraisal to your project Add the appraisal to the group development from the Gemfile bundle add appraisal --skip-install --group development Run bundle install to install the dependencies. bundle install Create a Appraisals file on root of the project. # frozen_string_literal: true SUPPORTED_VERSIONS = %w[3.8 3.9 4.0 4.1].freeze …

2020

2020 - 12
Turn off your monitors with powershell

Running the ps1 command will turn off your monitors or screens. powershell (Add-Type '[DllImport(\"user32.dll\")]^public static extern int SendMessage(int hWnd, int hMsg, int wParam, int lParam);' -Name a -Pas)::SendMessage(-1,0x0112,0xF170,2) Running the ps1 command (SendMessage is replaced with PostMessage) will turn off your monitors amd close the terminal. powershell (Add-Type '[DllImport(\"user32.dll\")]^public static extern int PostMessage(int hWnd, int hMsg, int wPar…
How to get your Ubuntu version

How to Check Ubuntu Version from the Command Line? Show all information about your ubuntu installation lsb_release -a No LSB modules are available. Distributor ID: Ubuntu Description: Ubuntu 20.04 LTS Release: 20.04 Codename: focal Show jsut the version of your ubuntu installation lsb_release -d Description: Ubuntu 20.04 LTS

Create GPG keys on terminal

The steps of this article were done on ubuntu 20.04 with gpg 2.2.19. To check your ubuntu version, follow this How-To. Start the command for a full key-pair generation gpg --full-gen-key gpg (GnuPG) 2.2.19; Copyright (C) 2019 Free Software Foundation, Inc. This is free software: you are free to change and redistribute it. There is NO WARRANTY, to the extent permitted by law. Please select what kind of key you want: (1) RSA and RSA (default) (2) DSA and Elgamal (3)…
2020 - 11
List RubyGems as jekyll data

[ { "name": "Bart Simpson", "gender": "male" }, { "name": "Homer Simpson", "gender": "male" }, { "name": "Lisa Simpson", "gender": "female" }, { "name": "Marge Simpson", "gender": "female" }, { "name": "Meggie Simpson", "gender": "female" } ] --- layout: page title: "famous rubygems" permalink: /rubygems/ --- <ul><li><strong>jekyll-kw-shorten</strong> - A jekyll plugin whi…
2020 - 10
Create a Docker image with git commit as tag

The script will create a Docker image from a Dockerfile from the same folder. The image will be taged with latest and additional with the short git hash of the last commit. The image will be pushed to the default docker registry. Replace my-company and my-image-name with the real names. {:codelabel="shell" filename="createDockerBuilder.sh"} #!/bin/sh IMAGE_NAME=my-company/my-image-name LAST_COMMIT=$(git rev-parse --short HEAD) echo $LAST_COMMIT docker build . --file Dockerfi…
2020 - 09
Die ideale UserStory

SMART Key Beschreibung Specific Ziele müssen eindeutig definiert sein (nicht vage, sondern so präzise wie möglich) Measurable Ziele müssen messbar sein (Messbarkeitskriterien) Activating Die Ziele müssen für die Person ansprechend bzw. erstrebenswert sein Reasonable Das gesteckte Ziel muss möglich und realisierbar sein Time-bound Das Ziel mus…
2020 - 05
Visual Studio Test task on AzureDevOps Test Files

The Visual Studio Test task on Azure DevOps (fka TFS) has a list of files which are included or excluded. The default list of test files of Visual Studio Test task **\*test*.dll !**\obj\** The filter above will include everything with test in the filename and will exclude (leading !) the content of the obj folder. The default filter will scan libraries with TestPlatform or TestAdapter for tests as well. The better approve is to ignore these files as well. **\*test*.dll !*…
2020 - 04
Folders and Directories in WixToolset

Components in Wixtoolset have to be linked to a Directory. All used Directories have to be registered in a DirectoryTable. An overview of the reserved folders are on MSDN. The code of this blog post and many more examples are hosted on GitHub. To avoid the repeating manufacture and product name, these values are stored in variables. <?xml version="1.0" encoding="utf-8"?> <Include> <?define Manufacturer = "KargWare" ?> <?define ProductName = "MyDem…
Front Matter on notes.kargware

Front Matter is the meta data block in the beginning of an markdown blog post entry which will be processed by Jekyll to generate HTML webpages. The block is surrounded by ---, the format is yaml-based. There are predefined variables and custom variables. Default values, to enforce the ‘Don’t repeat yourself (DIY)’ pattern can be set in the config file. Predefined values The most important keys are title, layout (e.g. page or post) and the date when the site was created. T…
Images of an UI dialog (wixtoolset)

The images and icons of the UI sequences are embedded resources. They can be in bmp, png or ico format. WixUI customization Original download of the images Declaration of the Images Usage of variables in wixtoolset Name Variable WixVariable ID Binary ID Size Description Banner bannerBmp WixUIBannerBmp WixUI_Bmp_Banner 493x58 Top Banner Background di…
Usage of variables in WixToolset

Name Usage WixVariable !(wix.VarName) (Preprocessor-)Variable $(var.VarName) Localization !(loc.VarName)

Im Nachfolgenden als xyz bezeichnet

DEUTSCH: “Foo 43 Bar” im Nachfolgenden als xyz bezeichnet Englisch 1: “Foo 43 Bar” hereinafter mentioned as xyz Englisch 2: “Foo 43 Bar” in the following called as xyz Englisch 3: “Foo 43 Bar” hereinafter referred as xyz

Microsoft UserVoices (Feedback)

Name User Voices URL Microsoft Outlook https://outlook.uservoice.com/ Office 365 https://office365.uservoice.com/ Microsoft Teams https://microsoftteams.uservoice.com/ Microsoft TODO https://todo.uservoice.com/

2020 - 03
How-To Remove an app from Apple AppStore

English German Einloggen bei AppStore Connect fka iTunes Connect Den Menüpunkt Meine Apps wählen, dort die zu entfernende App auswählen Im Bereich App Store-Informationen auf den Reiter Preise und Verfügbarkeit Unterhalb Verfügbarkeit den Punkt Aus Verkauf entfernen wählen Mit dem Button (oben rechts) Sichern wird die Einstellung übernommen und die App verschwindet nach ein paar Stunden (oder einem Tag) aus dem Store.

How to install office x86 or x64 from ISO

Current Microsoft Windows operation systems are mostly 64-bit editions. For Microsoft Office the 32-bit edition is still the default architecture. Office versions (e.g. 2016 professionell plus) can be downloaded as ISO from MSDN. Often the ISO contains 32-bit and 64-bit setups on one single ISO image, not like the operation system where you can download a ISO for the x86 and an ISO for x64. The setup of office will “decide” by itself which office version will be installed on …
Windows Keyboard Shortcuts

Microsoft Windows Shortcuts Windows Win Open the Start Menu Windows Explorer Strg + L Jump to address bar from Windows explorer Alt + 2 Create a new folder (non customized ribbon; add screenshot) Links HowTo show keystrokes on screen GitHub CarNac - Show Keystrokes on Screen

2020 - 02
HTML-Tabs-Without-Javascript

HTML tabs without javascript, just with plain CSS. IDEA SOURCE DEMO Tab One stuff 1 Tab Two stuff 2 Tab Three stuff 3

GitHub: Pluralsight Certificate Downloader

Pluralsight Certificate Downloader is a GitHub project.

2020 - 01
Create Your Own Webfont

Introduction A webfont can hold svg or other icons for you, so you can easily access the icons during web development process. List of Webfont Providers and SVG sources Font Awesome HINT: Check the license of the icons / images which you are using and threat the owner with respect! Preparation Download the npm package Create a SVG folder (e.g. /assets/svg/) which contains all the *.svg - files which should be part of the font. Create the font from terminal 1.…
Querformat, Hochformat, Quadratisch

Bildformate Querformat Hochformat Quadratisch Hochformat Hochformat, im Englischen portrait. Beim Hochformat, ist die Kante, die von oben nach unten führt länger als die Kante von links nach rechts. Die Kante von links nach rechts ist somit kürzer. Verwendung vom Hochformat: Gesichter Papier Ausdrucke, z.B. DIN A4 Skyscraper Banner, langgezogene Werbung rechts und links bei Webseiten Querformat Querformat, im Englischen landscape. Beim Querformat, ist d…
Convert a SVG to ICO with many resolutions

SVG is often the way to create an image, that format is scalable and easy to maintain. But still many applications need an icon *.ico. So it is necessary to convert the SVG to an icon. There are many online tools doing that, but I was not able to found any which can handle multiple resolutions in one ico-file. A icon normally can handle multiple resolutions in one single file. A icon is normally a square. The resolutions are 16x16, 32x32, 48x48, 64x64, 128x128, 256x256, 512x…

2019

2019 - 11
Package Manager

Client GitHub Language Format Description npm ✔️ JS / JavaScript package.json Node.JS Package Manager gem ✔️ Ruby Gemfile RubyGems Package Manager docker ✔️ N/A Dockerfile Docker Container Management nuget ✔️ .NET (C#, VB.NET) nupkg NuGet Package Management for .NET …
Docker Volumes and PWD

“Print Working Directory” (PWD) is a current working folder. It is often used for do a relative path manipulation. Docker Volumes (docker run -v ...) are used to bring data content (files) inside a docker container. The challenge in using volumes is that the behavior of current working directory (pwd) depends on your shell / terminal and your operation system. Start of a apache based php server with an image from docker hub. The server is listening on Port 8080, and shows th…
2019 - 10
Authentication Types for hosted VSTS Build Agents

Microsoft Doumentation During a configuration of a self-hosted build agents for TFS, VSTS, Azure DevOps Server or Azure DevOps Services the agent software will ask for the authentication type, default is PAT (Personal Access Token), here are teh table of the other methods. Key Name pat Personal access token negotiate Kerberos or NTLM alt Basic authentication integrated…
How to set hostname of Mac on terminal

This post will show how to set the hostname of a mac on the terminal, we will use the tool scutil and dscacheutil to flush the DNS cache. Provide the sudo password when you are asked for. Hostname Hostname is the fully qualified hostname, including the domain, e.g. myMac.tld.com LocalHostname LocalHostname is the name of the mac in the local network, e.g. myMac.lan. When needed add the trailing .local or .lan or just omit the extension. ComputerName ComputerName is the u…
API Base-URLs

Base-URL of different API KargWare Name Url KargWare API https://api.kargware.com/ Azure DevOps Name Url TFS / Azure DevOps Server https://{instance}/{collection}/{project}/_apis Visual Studio Online / VSTS / Azure DevOps Services https://dev.azure.com/{organization}{project}/_apis https://{organization}.visualstudio.com/{project}/_apis …
Software Version Control

All our source code is managed as git repositories in Software Version Control (SVC). Here is the list of public reachable urls of the code: Azure DevOps Services / VSTS / Visual Studio Online Org: KargWare Org: n13.org Nicolas Karg (privat) Nicolas Karg GitHub Org: KargWare Org: n13.org Nicolas Karg (KargWare) Nicolas Karg (n13.org) Gitlab N7K4

Jekyll Syntax Highlighting

Just start a block with {% highlight %} and end it with {% endhighlight %}. Example for myLinter Syntax Highlighting in post markdown, myLinter needs to be replaced with a value of the table below: {% highlight myLinter %} echo "Hello KargWare in Jekyll" {% endhighlight %} The Output will be <pre> echo "Hello KargWare in Jekyll" </pre> Table of Supported Syntax. See the full list Jekyll - Syntax Highlighting, supported languages. Name …
2019 - 02
Test-Jekyll-Post-Dates

Jeykll behandelt das Datum eines Artikels / Posts unterschiedlich. Legende Kurzform Beschreibung %Y Jahr, vierstelling %m Monat, zweistelling mit führenden 0 %d Tag, zweistelling mit führenden 0 %H Stunden, zweistelling mit führenden 0 %M Minuten, zweistelling mit führenden 0 %S Sekunden, zweistelling mit führenden 0 …
 Seitenanfang