Search
A Practical Use Case for Vue Render Functions: Building a Design System Typography Grid
30.5.2019
This post covers how I built a typography grid for a design system using Vue render functions. Here’s the demo and the code. I used render functions because they allow you to create HTML with a greater level of control than regular Vue templates, yet surprisingly I couldn’t find very much when...
Good News for Developers! ConsenSys is Launching ‘Job Kits’
28.5.2019
The already booming crypto world is setting structure in place. Now, those developers who are interested in getting into the blockchain space, they will get guidance through a special ‘Job Kit.’ A few days ago, this ‘Job Kit’ is launched by the ETH development studio ConsenSys. How will this...
Collective #517
20.5.2019
Tornis * Folding the DOM * Gitfolio * Devchecklists * A practical guide to JavaScript Proxy
Collective #517 was written by Pedro Botelho and published on Codrops
How to Travel the World With Bitcoin Cash
19.5.2019
Traveling is on everyone’s minds as summer approaches and crypto enthusiasts are no exception. But for anyone thinking of a holiday trip, travel arrangements can be arduous. Crypto payments can make your life easier in that regard, particularly with bitcoin cash, which is a fast and cheap...
A Deep Dive into Native Lazy-Loading for Images and Frames
15.5.2019
Today's websites are packed with heavy media assets like images and videos. Images make up around 50% of an average website's traffic. Many of them, however, are never shown to a user because they're placed way below the fold.
What’s this thing about images being lazy, you ask? Lazy-loading...
Kdo usedne na trůn? Ve hře The Princess Guide musí princezny sebrat veškerou odvahu
9.5.2019
Zapomeňte na střevíčky, krásné šaty a opulentní večírky. Titul The Princess Guide zavede hráče do země, kterou zmítá válka a chaos. Jako mentor se tak hráč bude muset ujmout jedné ze čtyř princezen, kterou má dovést k vítězství
Getting To Know The MutationObserver API
8.5.2019
MutationObserver watches the DOM, specifically the places you tell it to, like:
document.querySelector('#watch-this');
...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.
I used it just the other day...
Making Web Components for Different Contexts
2.5.2019
This article isn’t about how to build web components. Caleb Williams already wrote a comprehensive guide about that recently. Let’s talk about how to work with them, what to consider when making them, and how to embrace them in your projects.
If you are new to web components, Caleb’s guide is...
The Ultimate Guide to JavaScript Algorithms: Range Sum
5.4.2019
Sometimes, while performing mathematical calculations, there comes the need to sum up a range of numbers. Some programming languages make this easy by implementing helper functions that enable one
Breaking CSS Custom Properties out of :root Might Be a Good Idea
27.3.2019
CSS Custom Properties have been a hot topic for a while now, with tons of great articles about them, from great primers on how they work to creative tutorials to do some real magic with them. If you’ve read more than one or two articles on the topic, then I’m sure you’ve noticed that they start...
An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods
26.3.2019
Map, reduce, and filter are three very useful array methods in JavaScript that give developers a ton of power in a short amount of space. Let’s jump right into how you can leverage (and remember how to use!) these super handy methods.
Array.map()
Array.map() updates each individual value in...
The Ultimate Guide to JavaScript Algorithms: Integer Reversal
26.3.2019
Reversing an integer usually comes across as an easy thing to do for most developers. However, on closer evaluation, it gets a little tricky due to certain requirements and constraints involved. Th
Collective #499
14.3.2019
KV Storage * ColouriseSG * Radicle * Accessibility Insights * Firefox Send * A Complete Guide to useEffect
Collective #499 was written by Pedro Botelho and published on Codrops
The Ultimate Guide to JavaScript Algorithms: Implementing a Custom Filter
13.3.2019
In JavaScript, the .filter() function is often used to loop through an array and extract the elements that pass a certain condition specified in a callback function.
Ever wonder
The Ultimate Guide to JavaScript Algorithms: Where Do I Belong
6.3.2019
It never feels good to be lost and unable to find your way home, or so out of place and unable to fit in. Don’t get confused, this isn’t some dark and twisted literature about some scared lady lost
The Ultimate Guide to JavaScript Algorithms: Falsy Bouncer
4.3.2019
Falsy bouncer? Just in case your mind's been pacing frantically trying to make sense of the title of this challenge, worry not! We’ll do that together.
A bouncer is a person em
Typography for Developers
27.2.2019
This is intended as a practical guide for developers to learn web typography. We’ll cover a range of practical and useful topics, like how to choose and use custom fonts on the web, but more importantly, how to lay text out to create a pleasant user experience. We’ll go over the principles...
The Ultimate Guide to JavaScript Algorithms: Pig Latin
26.2.2019
“Pig Latin is a constructed language game in which words in English are altered, usually by adding a fabricated suffix or by moving the initial consonant or consonant cluster of a
CSS Variables + calc() + rgb() = Enforcing High Contrast Colors
21.2.2019
As you may know, the recent updates and additions to CSS are extremely powerful. From Flexbox to Grid, and — what we’re concerned about here — Custom Properties (aka CSS variables), all of which make robust and dynamic layouts and interfaces easier than ever while opening up many other...
The Ultimate Guide to JavaScript Algorithms: Combining Arrays Without Duplicates
19.2.2019
Combining Arrays Without Duplicates
When developing software, we often need to combine data efficiently and without repetition. This often comes up when manipulating listed data with the use Arrays