Search
Programming Languages Used in Blockchain, Explained
10.10.2019
What are programming languages used for in blockchain, what are their downsides, and what are the new solutions on the market? Here, we take a look #Sponsored
A Snippet to See all SVGs in a Sprite
8.10.2019
I think of an SVG sprite as this:
<svg display="none">
<symbol id="icon-one"> ... <symbol>
<symbol id="icon-two"> ... <symbol>
<symbol id="icon-three"> ... <symbol>
</svg>
I was long a fan of that approach for icon systems...
How to Detect an Ad Blocker
8.10.2019
One of the unspoken rules of the internet is that most content is “free”… at the cost of webpage being littered with advertisements and trackers. This was’t a big problem in the early internet days but trackers and advertisements have become so intrusive and unapologetically...
Awards That Look Beyond the Flashy
3.10.2019
Dan Mall is judging the Communication Arts Interactive 2020 awards. These types of things are usually a celebration of flashy, short-lived, one-off designs. Those things are awesome, but Dan has more in mind:
I’d love to award work that demonstrates creative use of the highest level of color...
designMode
1.10.2019
Every once in a while I stumble upon an API or browser setting that I can’t believe ever existed. Such examples can be seen in the numerous String.prototype properties such as bold, italics, and even blink, which wrap given string text in their representative HTML tags. Bizarre. It...
Get Geographic Information from an IP Address for Free
24.9.2019
Say you need to know what country someone visiting your website is from, because you have an internationalized site and display different things based on that country. You could ask the user. You might want to have that functionality anyway to make sure your visitors have control, but surely they...
Weekly Platform News: Emoji String Length, Issues with Rounded Buttons, Bundled Exchanges
19.9.2019
In this week's roundup, the string length of two emojis is not always equal, something to consider before making that rounded button, and we may have a new way to share web apps between devices, even when they are offline.
The JavaScript string length of emoji characters
A single rendered emoji...
10 Interesting JavaScript and CSS Libraries for September 2019
17.9.2019
This September's collection is packed with cool JS libraries, an experimental CSS framework, and other awesome tools!
Weekly Platform News: Apple Deploys Web Components, Progressive HTML Rendering, Self-Hosting Critical Resources
13.9.2019
In this week's roundup, Apple gets into web components, how Instagram is insta-loading scripts, and some food for thought for self-hosting critical resources.
Apple deploys web components built using Stencil
The new Apple Music web app (beta) uses a JavaScript framework (Ember.js) but also...
Collective #548
12.9.2019
Metronomes in JavaScript * VeoLuz * Logical Operations with CSS Variables * Can I Email * Simplicity (II)
Collective #548 was written by Pedro Botelho and published on Codrops
“Off The Main Thread”
10.9.2019
JavaScript is what they call "single-threaded." As Brian Barbour puts it:
This means it has one call stack and one memory heap.
We all feel a symptom of that regularly in the form of performance jank and non-interactivity on elements or entire sites. If we give JavaScript lots of jobs and it gets...
How to Not Minify Source with webpack
10.9.2019
The webpack JavaScript utility has taken over the modern JavaScript landscape, so much so that it’s hard to be a JavaScript developer and not use it. JavaScript build utilities are the point where they do best practices implicitly, like minify code, caching, and more. I was recently debugging...
Stop Installing Packages Globally
9.9.2019
These days, most front-end projects are going to involve NPM packages of some kind. Occasionally, when browsing documentation for these packages, I’ll see a recommendation to install a package like this. yarn global add <package> Or like this. npm install --global <package> In both...
Weekly Platform News: Text Spacing Bookmarklet, Top-Level Await, New AMP Loading Indicator
5.9.2019
In this week's roundup, a handy bookmarklet for inspecting typography, using await to tinker with how JavaScript modules import one another, plus Facebook's in-app browser is only posing as one. Let's get into the news!
Check if your content breaks after increasing text spacing
Dylan Barrell from...
Model-Based Testing in React with State Machines
4.9.2019
Testing applications is crucially important to ensuring that the code is error-free and the logic requirements are met. However, writing tests manually is tedious and prone to human bias and error. Furthermore, maintenance can be a nightmare, especially when features are added or business logic...
Collective #545
2.9.2019
PWA Asset Generator * Leon Sans * Introduction to JavaScript Promises * The Enigma Machine
Collective #545 was written by Pedro Botelho and published on Codrops
Should a website work without JavaScript?
2.9.2019
The JS Party podcast just had a fun episode where they debated this classic question by splitting into two groups of two. Each group was assigned a "side" of this debate, and then let loose to debate it. I don't think anybody can listen to a show like this and not be totally flooded with thoughts!...
Working with Attributes on DOM Elements
30.8.2019
The DOM is just a little weird about some things, and the way you deal with attributes is no exception. There are a number of ways to deal with the attributes on elements. By attributes, I mean things like the id in <div id="cool"></div>. Sometimes you need to set them. Sometimes...
WDRL — Edition 273: Elegant Simplification, Power Usage of Web Content, and Native JavaScript Modules.
30.8.2019
Hey,
how can we build better web experiences? There are likely more things about it than I could list in this short introduction paragraph but here are a few examples from this week’s reading list. First, we can build simpler interfaces, not add new elements or new features and to ensure this,...
Reverse Lookups with JavaScript
28.8.2019
I’ve always loved exploring regular expressions because they’re one of those skills that’s never taught in school — you need to pick them up on the fly, messing up and fixing them along the way. Regex’s are incredibly powerful, and one power they have are referred...