Zum Inhalt springen Skip to navigation

Webrocker Blog

Archiv für "js"

I made a thing: Cistercian Numerals Calendar

Recently I discovered the Cistercian Numerals. There were a couple of tweets over the last days that showed the ciphers. I never had heard about this numbering system, but immediatly it grabbed my attention, because it was so simple, but the result looks very interesting. Since there are only a few rules that distinguish the…


In Critical Defense of Frontend Development - Jens Oliver Meiert

Link to post In Critical Defense of Frontend Development - Jens Oliver Meiert

Hear hear! This great article about the craft of Frontend Development by Jens starts with a bang: Frontend development is a field that’s not unfamiliar with being misunderstood, and its value being underestimated or missed Oh yes. At first, FE was seen as some variation of Desktop Publishing. "Real" designers would ponder about the (visual)…


Hydration - Jeremy Keith

Link to post Hydration - Jeremy Keith

Jeremy once again about the advantages (and misconceptions) of the Progressive Enhancement approach, 2020 edition, in light of SSR and 'Hydration'. I find (t)his layered approach and the rule of least power so, so much convincing and 'natural' for what the web and browsers are good at. But then again I am old enough to…


Using Framework Powers For Good - Marcus Herrmann

Link to post Using Framework Powers For Good - Marcus Herrmann

Marcus has compiled a great collection of ways how (js) frameworks, which are often blamed for being responsible for unaccessible sites, can actually help in getting things right, a11y-wise.


Markup, friends, markup

Link to post 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…


Modern JavaScript Explained For Dinosaurs

Link to post 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…


Sliding underline

Link to post 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…


Backdoor Service Workers - Jeremy Keith

Link to post Backdoor Service Workers - Jeremy Keith

(…) Just don’t tell the advertising industry about this. (…) adactio.com Ouch. Good find, Jeremy.


Linklist - Serviceworker & cache

Link to post 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

Link to post 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…