Archiv für das Tag "js"

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

https://www.w3.org/TR/service-workers/

https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API

https://ponyfoo.com/articles/progressive-networking-serviceworker

https://gist.github.com/adactio/4d588bb8a65fa11a3ea3

https://brandonrozek.com/2015/11/limiting-cache-service-workers-revisited3/

https://ponyfoo.com/articles/progressive-app-serviceworker

https://jakearchibald.com/2016/-best-practices/

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

The design, the code, 1946 texts, the illustrations, and some photos are made by me.

Motorisiert durch WordPress