Year: 2019
-
The "Backendification" of Frontend Development
https://hackernoon.com/the-backendification-of-frontend-development-62f218a773d4 (hackernoon.com)
Asynchronous JavaScript in the form of Single Page Applications (SPA) offer an incredible opportunity for improving the user experience of your web applications. CSS frameworks like Bootstrap enable developers to quickly contribute styling as they’re working on the structure and behaviour of things.
Unfortunately, SPA and CSS frameworks tend to result … -
Modern CSS on DanQ.me
Dan explains three of the cutting-edge CSS features implemented on his blog.
-
Cache-Control for Civilians
Cache-Control for Civilians – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts (csswizardry.com) One of the most common and effective ways to manage the caching of your assets is via the Cache-Control HTTP header. This header applies to individual assets, meaning everything on our pages can have a very bespoke …
-
What Does AJAX Even Stand For?
...Jesse James Garett of Adaptive Path finally gave this use of Javascript a name. He called it Asynchronous Javascript and XML (thankfully shortened to Ajax). Ajax wasn’t a single method or technology, but a group of principles based on the work being done at Google that described how to handle JavaScript in more demanding web …
-
Pac-Man: The Untold Story of How We Really Played The Game
...
Human beings leave physical impressions upon the things they love and use just as much as their do upon the lives of people and the planet they live upon. For every action, there’s a reaction. For every pressure, there’s an affect on mass and volume. And in the impressions left by that combination, particularly if … -
Happy Metamour Appreciation Day, JTA
JTA and Dan would be friends anyway, but having a partner-in-common has given them the opportunity to be closer still. Dan shares some of their history together.
-
The Ball and The Box
Thread by @LaurenHerschel: "After what has been a surprisingly okayish Christmas, I had a moment today in SuperStore. Saw a lady who reminded me of my 92yo grandma, who […]" (threadreaderapp.com) Thread by @LaurenHerschel: "After what has been a surprisingly okayish Christmas, I had a moment today in SuperStore. Saw a lady who remindedndma, who …
-
Agenda
Pet Shop Boys (YouTube)
The Pet Shop Boys have just released a new four-song EP, Agenda, and it's flipping brilliant. -
Relevant XKCD
Thomas Park
The most-relevant relevant XKCD ever. Click through for the full awesome. -
Sierra Death Generator
Sierra Death Generator
For all of your screenshot/death scene meme needs.
-
Debugging WorldWideWeb
His Geek Flag held high, Dan proposes a minor bugfix to some software that almost nobody cares about.
-
"Ammo can" style geocache - a guide for UK cachers
Dan provides a video guide to "ammo can" geocache containers.
-
WorldWideWeb, 30 years on
To celebrate the Web's 30th birthday, some of Dan's favourite geeks reimplemented the very first browser.
-
Minimal Google Analytics Snippet
<script>
(function(a,b,c){var d=a.history,e=document,f=navigator||{},g=localStorage,
h=encodeURIComponent,i=d.pushState,k=function(){return Math.random().toString(36)},
l=function(){return g.cid||(g.cid=k()),g.cid},m=function(r){var s=[];for(var t in r)
r.hasOwnProperty(t)&&void 0!==r[t]&&s.push(h(t)+"="+h(r[t]));return s.join("&")},
n=function(r,s,t,u,v,w,x){var z="https://www.google-analytics.com/collect",
A=m({v:"1",ds:"web",aip:c.anonymizeIp?1:void 0,tid:b,cid:l(),t:r||"pageview",
sd:c.colorDepth&&screen.colorDepth?screen.colorDepth+"-bits":void 0,dr:e.referrer||
void 0,dt:e.title,dl:e.location.origin+e.location.pathname+e.location.search,ul:c.language?
(f.language||"").toLowerCase():void 0,de:c.characterSet?e.characterSet:void 0,
sr:c.screenSize?(a.screen||{}).width+"x"+(a.screen||{}).height:void 0,vp:c.screenSize&&
a.visualViewport?(a.visualViewport||{}).width+"x"+(a.visualViewport||{}).height:void 0,
ec:s||void 0,ea:t||void 0,el:u||void 0,ev:v||void 0,exd:w||void 0,exf:"undefined"!=typeof x&&
!1==!!x?0:void 0});if(f.sendBeacon)f.sendBeacon(z,A);else{var y=new XMLHttpRequest;
y.open("POST",z,!0),y.send(A)}};d.pushState=function(r){return"function"==typeof d.onpushstate&&
d.onpushstate({state:r}),setTimeout(n,c.delay||10),i.apply(d,arguments)},n(),
a.ma={trackEvent:function o(r,s,t,u){return n("event",r,s,t,u)},
trackException:function q(r,s){return n("exception",null,null,null,null,r,s)}}})
(window,"XX-XXXXXXXXX-X",{anonymizeIp:true,colorDepth:true,characterSet:true,screenSize:true,language:true});
</script>
Minimal Analytics
This is cute: a Google Analytics code snippet that results in a payload about a fiftieth of the size of the … -
You probably don't need a single-page application
The meteoric rise of front-end frameworks like React, Angular, Vue.js, Elm, etc. has made single-page applications ubiquitous on the web. For many developers, these have become part of their ‘default’ toolset. When they start a new project, they grab the tools they know already: a REST API on the backend, and a React/Angular/Vue/Elm frontend.
Is there …