Zum Inhalt springen

Archiv für das Tag "js"

Markup, friends, markup

This morning a tweet by Heydon Pickering landed in my timeline, where he quoted a text that started 10 things to learn for becoming a solid full-stack JavaScript developer, only to include a paragraph As for HTML, there's not much to learn right away and you can kind of learn as you go, but before making your frist templates, know the difference between in-line elements like <span> and how they differ from block ones like <div>.

Heydon aptly commented this with How Full Stack Development is destroying the web: a story in two pictures.(Source)

This triggered me (not his ...

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

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