Newest Posts

• SCSS: My mixins for CSS

  2021-01-23 19:55 Nicolas Karg

  WEB-DEVELOPMENT

  cssscssstylingjekyll

  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

  cssstyling

  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

  jekyllliquid

  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

  2021-01-21 18:55 Nicolas Karg

  BLOG-POST

  cssstyling

  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

  2021-01-16 14:25 Nicolas Karg

  WEB-DEVELOPMENT

  cssstyling

  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

  2021-01-16 05:11 Nicolas Karg

  WEB-DEVELOPMENT

  cssstyling

  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

  2021-01-05 19:44 Nicolas Karg

  SOFTWARE

  rubycigithub

  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 …

• Turn off your monitors with powershell

  2020-12-11 05:25 Nicolas Karg

  SOFTWARE

  powershellenergy savingoperation system

  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

  2020-12-04 07:03 Nicolas Karg

  HOW-TO

  ubuntuhow-to

  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

  2020-12-04 06:57 Nicolas Karg

  LINUX

  gpgwsl2encryptionterminal

  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)…

• List RubyGems as jekyll data

  2020-11-17 04:12 Nicolas Karg

  SOFTWARE

  jekylldatarubygems

  [ { "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…

• Create a Docker image with git commit as tag

  2020-10-23 08:01 Nicolas Karg

  SOFTWARE

  dockergit

  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…

• Die ideale UserStory

  2020-09-03 15:50 Nicolas Karg

  SCRUM

  scrumagile

  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…

• Visual Studio Test task on AzureDevOps Test Files

  2020-05-19 08:27 Nicolas Karg

  SOFTWARE

  visual studioazure devopstest

  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 !*…

• Folders and Directories in WixToolset

  2020-04-25 05:49 Nicolas Karg

  SOFTWARE

  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…

Show All Posts