Zum Inhalt springen

Archiv für das Tag "js"

Modern JavaScript Explained For Dinosaurs

The goal of this article to to provide a historical context of how JavaScript tools have evolved to what they are today in 2017. We’ll start from the beginning and build an example website like the dinosaurs did — no tools, just plain HTML and JavaScript. Then we’ll introduce different tools incrementally to see the problems that they solve one at a time. With this historical context, you’ll be better able to learn and adapt to the ever-changing JavaScript landscape going forward. Let’s get started!medium.com

Sliding underline

In a current project, the designer asked if we could add a little gimmick to the horizontal navigation, which consists of just a few one-level items. Of course the idea is visual-, desktop-, and mouse-input-device-centric, and a discussion about other devices and the resulting state of the navigation ensued, and we agreed to treat this as a nice to have if everything else is cared for.
Nevertheless I was intrigued; would it be possible to animate a border to 'slide' from one menu item to the next on (mouse)over? So if you 'leave' the currently hovered item, the line should ...

Backdoor Service Workers - Jeremy Keith

(…) Just don’t tell the advertising industry about this. (…)adactio.com

Ouch. Good find, Jeremy.

Linklist - Serviceworker & cache








Make #grid.js play nicely with wraps

Fueled by Jon Tan's talk at the Beyond Tellerrand conference, I tested the hashgrid.js for my "About me" page.

While trying to get the baselinegrid play along with relative values instead of the fixed pixel values, I noted a strange behaviour.

I wanted the grid to work only on my wrapping element (in my case the body-tag which I had set up with a width in CSS) and not on the whole document. I figured that, because the grid uses position:absolute to place itself, I only needed to apply position:relative to the css-rules for my body-tag in order ...