Markus Oberlehner

Blog Page 23

Dealing with the BrowserStack Parallel Test Limit When Using TestCafe

One problem you might encounter when trying to run cross-browser tests in multiple browsers on BrowserStack with TestCafe is the parallel test limit that depends on your BrowserStack plan. At the time of writing, all regular BrowserStack plans include only one parallel test - which means you can only run one automated test at a time...

Building a Responsive Priority+ Horizontal Scroll Navigation

One of the most difficult problems to solve when designing websites that are supposed to work well on small screens is creating user-friendly navigations. For a long time the goto solution was to hide the navigation items behind a hamburger button. Although the hamburger button is still going strong, there are some new approaches coming up and gaining traction...

Building npm Packages with TypeScript

Recently I worked on a couple of npm packages which I built using TypeScript. In the process of figuring things out I encountered some challenges with publishing my code built with TypeScript to npm. In this article I'm going to show you how to setup your project to make publishing your TypeScript powered package to npm a pleasant experience...

Getting Off of Information Addiction (Part 2: News)

Not too long ago not reading the news every day seemed like a silly idea to me. I scanned the latest headlines on my favorite news site at least every couple of hours. I felt obliged to read articles about important political topics but even more I was addicted to read the comments beneath the articles...

What I’ve Learned from Rewriting an Open Source Project from Scratch

A few months ago I started learning more about TypeScript. It was very refreshing and I learned a lot about type-based programming in general. So I was overcome by the natural urge of every programmer who is learning a new technique that they enjoy: I wanted to rewrite everything I ever built with TypeScript...

Using Gulp and UnCSS in Combination with Sass based Hugo themes

My blog – you're currently reading – runs on Hugo, and so far I'm very happy with its simplicity and speed. Today I'll show you how we can use a Gulp build process to establish a convenient way to work on Hugo themes. Furthermore, we will utilize UnCSS to enable building a blog that loads almost instantly and scores highly in the Google PageSpeed Insights test...

How to Show a Placeholder for a <select> Tag

Styling native HTML form fields – especially select fields – with CSS has always been a little tricky. Recently I was confronted with the task of creating a select field with a placeholder value so that the select field blends in nicely with other form fields on the page. The problem of custom styled select elements is a hard one...

Getting Off of Information Addiction (Part 1: Social Media)

Being addicted to consume information like constantly checking emails, glancing over your Facebook news feed or reading instant messages at the moment they arrive on your phone, is not only time consuming, it can make you inefficient at work. Even worse: studies have shown, that people who are spending a lot of time on Facebook and other social media platforms are often less happy with their life in general...