Articles about JavaScript


How to Create a Color Palette (Easy Mode)

I am not a designer. But this fact has never stopped me from doing design work myself. Websites, GUI, animations and effects. Most of my projects I design myself. What I find particularly difficult is the selection of suitable and, above all, harmonizing colors. But creating a color palette is not that complicated. Even if you don't know anything about it.


How to implement a Dark Mode with Tailwind

Since recently Aureola has a dark mode. You can switch between the light and dark version of the page via the small sun in the upper right corner of the header. Your browser stores your selection. How this works exactly and how you can implement it yourself in Tailwind, I explain in this article.


Making a Fixed Header React to Scrolling

Creating a fixed header which dynamically reacts to scroll events isn't that difficult. You don't need a library or any kind of widget. All you need is a few lines of JavaScript and a little bit of CSS. Well... and you need a header element somewhere in your document.


jQuery Teamspeak 3 Status

Things you should never do: Creating a PHP script which connects to a different server, to retrieve some information and display it on your website. And you should most certainly not do this on every single page request, without even caching the results. Recently I have been asked to help my brother with a module he downloaded, which did exactly this. So I created this jQuery Plugin instead.


Capslock Detection via JavaScript

DO YOU KNOW THAT FEELING? YOU JUST TYPED IN YOUR USER CREDENTIALS AND INSTEAD OF LOGGING IN, YOU JUST GET AN ERROR MESSAGE. YOU WONDER IF YOU HAD A TYPO AND THAN YOU REALIZE THAT THIS RELICT OF ANCIENT TIMES SCREWED YOU OVER AGAIN... CAPS LOCK. To prevent this from happening to your users you can provide a little hint to your login forms. This article tells you how to do this in JavaScript, with and without jQuery.


jQuery Github Widget
Easy Repository Inclusion

In search of a widget that could display Github repositories, I had to realize that Github itself does not provide something like that. After a little bit of googling around I finally found a nice piece of software by New Media Campaigns. Today I want to show you how to add this plugin to your website.


jQuery Dice

Don't look at me like that. I know what you're thinking... "Seriously a dice game? How creative. How do you come up with all those new ideas?" Yeah, I know. It might not be the holy grail of game development. But I was bored and I had nothing better to do. So here it comes. Yet another jQuery Dice game the world hasn't been waiting for.


jQuery Slidious

Let's assume you have a few hours to kill, while your girlfriend takes an exam. What would you do? If "develop a jQuery plugin" was the first thing that came to your mind, you should absolutely read this article. If not... well, you also might want to take a look.


Using Multiple jQuery Versions

Innately jQuery offers the possibility to use multiple jQuery versions at once or other libraries in combination with jQuery through the noConflict-mode. You should by all means avoid the overhead of two similar libraries in the same project. Unfortunately this is not always possible while using a CMS with sometimes a little outdated JavaScript libraries. In this article I will show you how to use the noConflict-mode and which characteristics you need to know about.


Vibration API
It gets wild

Isn't this an appealing title. We start really filthy and get to know a totally new side of our beloved browser. Did the W3C finally think of the lonely souls out there and add a few additional features to the browser for them? Well, partially. Today we will deal with one of those new features. However we will do this in a completely unerotic way.