Search
A Trick That Makes Drawing SVG Lines Way Easier
14.1.2020
When drawing lines with SVG, you often have a <path> element with a stroke. You set a stroke-dasharray that is as long as the path itself, as well as a stroke-offset that extends so far that you that it's initially hidden. Then you animate the stroke-offset back to 0 so you can watch...
Netlify High-Fives
14.1.2020
We've got Netlify as a sponsor around here again this year, which is just fantastic. Big fan. Our own Sarah Drasner is Head of DX (Developer Experience) over there, if you hadn't heard. And if you haven't heard of Netlify, well, you're in for a treat. It's a web host, but for your jamstack sites...
Snowpack
14.1.2020
Snowpack. Love that name. This is the new thing from the Pika people, who are on to something. It's a bundler alternative, in a sense. It runs over packages you pull from npm to make sure that they are ES module-compatible (native imports).
This is how I digest it. When you write a line of code...
White House Market Wants to Become the Darknet’s Toughest DNM
13.1.2020
White House Market (WHM) is an ultra-secure darknet market (DNM). It disallows Javascript, enforces PGP throughout, admins key sign every 72 hours, and only accepts monero (XMR). It might be the darknet’s most private market. But do its vendors deliver? News.Bitcoin.com dusted down some...
Understanding Async Await
9.1.2020
When writing code for the web, eventually you'll need to do some process that might take a few moments to complete. JavaScript can't really multitask, so we'll need a way to handle those long-running processes.
Async/Await is a way to handle this type of time-based sequencing. It’s especially great...
let vs. const
9.1.2020
There are multiple ways to declare variables in JavaScript. We had var, and while that still works like it always has, it is generally said that let and const are replacements to the point we rarely (if ever) need var anymore. This doodle explanation does a pretty good job, if you need...
10 Interesting JavaScript and CSS Libraries for January 2020
7.1.2020
We're kicking off 2020 with a list of some of our favorite web dev libraries, frameworks and tools that you should use in your next project
Duplicated Argument Names
6.1.2020
Oftentimes we override or monkey patch functions and, in many cases, there are arguments we don’t care too much about. A common practice for those arguments is using _ for argument names — it’s a generally accepted and known practice for “this isn’t important”....
Collective #577
2.1.2020
Flash Grid * Mix and Jam * IsoCity * MassCode * Everyone has JavaScript, right?
Collective #577 was written by Pedro Botelho and published on Codrops
A Recap of Frontend Development in 2019
1.1.2020
I noted Trey Huffine’s 2018 version of this article in The Great Divide.
To put a point on this divide a bit more, consider this article by Trey Huffine, "A Recap of Frontend Development in 2018." It's very well done! It points to big moments this year, shows interesting data, and makes...
A Recap of Frontend Development in 2019
1.1.2020
I noted Trey Huffine’s 2018 version of this article in The Great Divide.
To put a point on this divide a bit more, consider this article by Trey Huffine, "A Recap of Frontend Development in 2018." It's very well done! It points to big moments this year, shows interesting data, and makes...
Chrome Browser Extension Ethereum Wallet Injects Malicious JavaScript To Steal Data
31.12.2019
Chrome extension ‘Shitcoin Wallet’ is injecting malicious javascript to steal user data
One Way to Break Users Out of the Habit of Reloading Too Much
30.12.2019
Page reloads are a thing. Sometimes we refresh a page when we think it’s unresponsive, or believe that new content is available. Sometimes we’re just mad at the dang site and rage-refresh to let it know we’re displeased.
Wouldn’t be nice to know when a user refreshes the page? Not just that,...
So Many Color Links
27.12.2019
There's been a run of tools, articles, and resources about color lately. Please allow me to close a few tabs by rounding them up here for your enjoyment.
Curated colors in context
Happy Hues demonstrates a bunch of color palettes in the context of the site itself. That's a nice way to do...
PHP Templating in Just PHP
26.12.2019
With stuff like template literals in JavaScript and templating languages, like JSX, I've gotten used to wanting to write my HTML templates in one nice chunk and sprinkling in variables wherever I need them.
I had a situation where I needed to do that in "raw" PHP the other day, so I'm just...
MetaMask Contributor Says Project Lacks Support From ConsenSys
26.12.2019
A contributor of Ethereum browser extension Metamask has reported that the MetaMask team is “totally overwhelmed”
How to Modify Nodes in an Abstract Syntax Tree
26.12.2019
One of the more powerful concepts I've stumbled across recently is the idea of abstract syntax trees, or ASTs. If you've ever studied alchemy, you may recall that the whole motivation for alchemists was to discover some way to transform not-gold into gold through scientific or arcane methods.
ASTs...
Collective #576
26.12.2019
Just JavaScript * Generative Placeholders * Thoughts On Svelte * ImTui * chl.li * Krabby
Collective #576 was written by Pedro Botelho and published on Codrops
Stream-Crossing Confusion
23.12.2019
Should I use WordPress or React hooks?
Should I use D3 or CSS?
Should I use Markdown or JSON?
Can I use flexbox in Gatsby?
Can I use custom properties in Jekyll?
Should I use HTML or the cloud?
How do I add dark mode to my Vue site?
These are tongue-in-cheek, but there is a point to be made here....
Highlights of the HTTP Archive Web Almanac
23.12.2019
I recently looked at the CSS chapter of the Web Alamanc and had some thoughts. Here, Stefan Judis looks at the whole thing and rounds up the most interesting bits to him. Here are most of them:
20% of sites don't compress their JavaScript.
React is on 5% of sites while jQuery is on 85% of sites....