Markus Oberlehner

Blog Page 23

Payment Request API Part 1: Payment Process Using the Credit Card Payment Method

Thanks to the Payment Request API, accepting payments from your users now is a piece of cake. Albeit support from third party payment processors is still rather limited – Android Pay being one of the most notable – this will very likely change in the near future. Furthermore you don't necessarily need a third party payment provider to integrate directly into the Request Payment API, it is also possible to collect credit card data from the user via the Request Payment API and send them to your payment provider using it's own API...

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...