Search
10 React Challenges (Beginner): Render Props
14.6.2019
Render Props allows React components to share reusable or customizable interfaces as functions through props.
In this react challenge, we will render 3 different cards with a single card com
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Bundle Splitting, Deferred Loading and Prefetching
29.5.2019
Since the advent of module bundling, we thought all our asset request got solved because the bundler hands us a single bundle that represents everything. We just shove this bundle right into our ap
Ethereum (ETH) Price Analysis: Hacker Transferred $7 Million Worth of ETH to Single Wallet; Investors Unaffected
22.5.2019
After the Cryptopia theft, the hacker transferred ETH worth of $7 million to a single wallet. The medium-term outlook is bullish, the target price at $1000. One major factor which has been putting the whole cryptocurrency sector is the security of coins. There have been numerous instances...
Vaulty Aggregates All Your Cryptocurrency Addresses Using a Single Link
18.5.2019
The ability to receive direct crypto payments is of great importance for numerous small businesses, individual entrepreneurs, content creators and non-governmental organizations like charities. Many of them accept different cryptocurrencies and Vaulty.io provides help with managing multiple...
React Starter: Using Create React App to Make React Applications
15.5.2019
Usually when you create a React application, you’ll be creating a single page app (SPA). In order to make setting up single page apps easier, a CLI tool called
Bitcoin (BTC) Price Suffers Sudden Slump Within No Time In A Single Day
14.5.2019
Bitcoin price on a whole is showing an ascending trend in consideration to its surge observed since past week. However, the above graph only shows the surge on a totality basis, but when we look into the graph on a daily basis; it is evident that the movements are not at all straight and easy....
Bitcoin (BTC) Price has a Cushy Movement Crossing the Value $6700 from $6500 in a Single Day
11.5.2019
Bitcoin price is moving in full inducement after the $6000 landmark; it was just with today’s daybreak that the light broke through all the resistances and crossed a $6500 price level. Important to highlight, within a few hours of Bitcoin value crossing $6500, it was priced at above $6700 leaving...
Naming things to improve accessibility
2.5.2019
I like the this wrap-up statement from Hidde de Vries:
In modern browsers, our markup becomes an accessibility tree that ultimately informs what our interface looks like to assistive technologies. It doesn’t matter as much whether you’ve written this markup:
in a .html file
in Twig, Handlebars...
Quick and Simple Search Filter Using Vanilla JavaScript
30.4.2019
When building Single Page Applications a feature I frequently find myself adding is a simple search filter. Nothing too in depth, I'll just want a text field to be able to quickly filter over items
The Power of Named Transitions in Vue
16.4.2019
Vue offers several ways to control how an element or component visually appears when inserted into the DOM. Examples can be fading in, sliding in, or other visual effects. Almost all of this functionality is based around a single component: the transition component.
A simple example of this is with...
Blurred Borders in CSS
20.3.2019
Say we want to target an element and just visually blur the border of it. There is no simple, single built-in web platform feature we can reach for. But we can get it done with a little CSS trickery.
Here's what we're after:
The desired result.
Let's see how we can code this effect, how we...
The Whole Spreadsheets as Databases Thing is Pretty Cool
18.3.2019
A spreadsheet has always been a strong (if fairly literal) analogy for a database. A database has tables, which is like a single spreadsheet. Imagine a spreadsheet for tracking RSVPs for a wedding. Across the top, column titles like First Name, Last Name, Address, and Attending?. Those titles...
7 things you should know when getting started with Serverless APIs
14.3.2019
I want you to take a second and think about Twitter, and think about it in terms of scale. Twitter has 326 million users. Collectively, we create ~6,000 tweets every second. Every minute, that’s 360,000 tweets created. That sums up to nearly 200 billion tweets a year. Now, what if the creators...
Application Holotypes
13.3.2019
It's entirely too common to make broad-sweeping statements about all websites. Jason Miller:
We often make generalizations about applications we see in the wild, both anecdotal and statistical: "Single-Page Applications are slower than multipage" or "apps with low TTI loaded fast". However,...
Downsides of Smooth Scrolling
11.3.2019
Smooth scrolling has gotten a lot easier. If you want it all the time on your page, and you are happy letting the browser deal with the duration for you, it's a single line of CSS:
html {
scroll-behavior: smooth;
}
I tried this on version 17 of this site, and it was the second most-hated thing...
Level up your JavaScript error monitoring
7.3.2019
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time.
Bugsnag detects every single error and prioritizes errors...
Level up your JavaScript error monitoring
7.3.2019
(This is a sponsored post.)
Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time.
Bugsnag detects every single error and prioritizes errors...
Mask Compositing: The Crash Course
2.3.2019
At the start of 2018, as I was starting to go a bit deeper into CSS gradient masking in order to create interesting visuals one would think are impossible otherwise with just a single element and a tiny bit of CSS, I learned about a property that had previously been completely unknown to...
<span>L</span><span>e</span><span>t</span><span>t</span><span>e</span><span>r</span><span>s</span>
20.2.2019
Did you see this Facebook crap?
"Why do I need a 4Ghz quadcore to run facebook?" This is why. A single word split up into 11 HTML DOM elements to avoid adblockers. pic.twitter.com/Zv4RfInrL0
— Mike Pan (@themikepan) February 6, 2019
I popped over to Facebook to verify that and what...
Two Ways to Build a Site That Seem Super Different But Weirdly Aren’t That Different
14.12.2018
Here are two ways to build a site (abstractly) that feel diametrically opposed to me:
Build a site as an SPA (Single Page App). The page loads a skeleton HTML page that executes JavaScript as quickly as it can. The JavaScript calls an API to get data, and then the page renders content. Navigation...