Markus Oberlehner

Blog Page 24

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

Building a Good Ol' 12 Column CSS Grid Framework with CSS Grid Layout

A framework is a tool to provide a solid fundament for building complex systems. By building your own CSS grid framework, we have a solid and - at least after some time - battle tested system to build on top on. After Flexbox we now have a second „official“ way of building CSS powered layouts. As I wrote in a previous article, many people argue, that those new tools make grid frameworks obsolete. Let's prove them wrong...

Dreaming of a Package Based CSS Workflow

CSS has a pretty bad reputation with programmers of all kinds. For many people CSS still remains a source of annoying problems such as seemingly impossible vertical centering, rendering headaches between different browsers, and unpredictable behavior in general, to name a few. However, the first two problems have been solved for years and the latter is usually a result of developers not knowing the language well enough. But there are new challenges coming up in the fast-moving web development world...

Get Going

In the last two weeks I have started to learn more about what motivates people to do what they do. I myself experience varying levels of motivation. Sometimes I feel very motivated to do a lot of stuff, especially on the weekend, and sometimes I can't motivate me to do a thing. What I already learned previously is, that you can't rely solely on motivation to achieve excellence...