Search
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Offscreen Loading
26.5.2019
Just as the name implies, offscreen images are images that appear below the fold. Since users can't see offscreen images wh
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Offscreen Loading
26.5.2019
Just as the name implies, offscreen images are images that appear below the fold. Since users can't see offscreen images wh
Bitcoin Cash Devs Publish the First 3 of 3 Multi-Sig Schnorr Transaction
19.5.2019
On May 15, the Bitcoin Cash network successfully upgraded by implementing Schnorr signatures, after which a few developers processed some basic Schnorr signatures. Then, on Saturday, May 18, software developers Chris Pacia, Mark Lundeberg, and Checksum0 performed the first multi-sig Schnorr...
Google Fonts Now Supports font-display!
16.5.2019
font-display is a CSS feature that allows us to control how we load fonts.
Google Fon
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...
SVG Properties and CSS
13.5.2019
There are many Scalable Vector Graphics (SVG), but only certain attributes can be applied as CSS to SVG. Presentation attributes are used to style SVG elements and can be used as CSS properties. Some of these attributes are SVG-only while others are already shared in CSS, such as font-size...
Was Binance Discussing A Possible Re-Org: A Big Question Mark On Decentralization?
11.5.2019
Binance Exchange, the last standing warrior against cyber-attacks, was hacked a couple of days ago. Hackers took away 7000+ Bitcoins, which were valued well over $40 million. Soon after the hack was discovered, the world’s largest crypto exchange suspended withdrawals and announced that it would...
Binance CEO Publishes Security Incident Update, Apologizes for Blockchain Re-Org Comment
10.5.2019
Changpeng Zhao, CEO of major crypto exchange Binance, has updated reporters on the exchange’s security revamp and investigation into this week’s $40 million hack
A Few Functional Uses for Intersection Observer to Know When an Element is in View
8.5.2019
You might not know this, but JavaScript has stealthily accumulated quite a number of observers in recent times, and Intersection Observer is a part of that arsenal. Observers are objects that spot something in real-time — like birdwatchers going to their favorite place to sit and wait for the birds...
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...
Revisiting prefers-reduced-motion, the reduced motion media query
30.4.2019
Two years ago, I wrote about prefers-reduced-motion, a media query introduced into Safari 10.1 to help people with vestibular and seizure disorders use the web. The article provided some background about the media query, why it was needed, and how to work with it to avoid creating...
Using Parcel as a Bundler for React Applications
25.4.2019
You may already be familiar with webpack for asset management on projects. However, there’s another cool tool out there called Parcel, which is comparable to webpack in that it helps with hassle-free asset bundling. Where Parcel really shines is that it requires zero configuration to get up...
Moving from Gulp to Parcel
25.4.2019
Ben Frain just made some notes about the switch from Gulp to Parcel, a relatively new "web application bundler" which, from a quick look at things, is similar to webpack but without all the hassle of setting things up. One of the things I’ve always disliked about webpack is that you kinda have...
An Introduction To Storybook: Organize How You Build JS Components
24.4.2019
What is Storybook?
Storybook is an open source tool for developing UI components in isolation and it integrates pretty well with most front end fram
Netlify Functions for Sending Emails
23.4.2019
Let's say you're rocking a JAMstack-style site (no server-side languages in use), but you want to do something rather dynamic like send an email. Not a problem! That's the whole point of JAMstack. It's not just static hosting. It's that plus doing anything else you wanna do through JavaScript...
Faking env() to Use it Now
18.4.2019
There is already an env() function in CSS, but it kinda came out of nowhere as an Apple thing for dealing with "The Notch" but it has made it's way to be a draft spec. The point will be for UAs or authors to declare variables that cannot be changed. Global const for CSS, sorta.
That spec doesn't...
Using the Web Speech API for Multilingual Translations
12.4.2019
Since the early days of science fiction, we have fantasized about machines that talk to us. Today it is commonplace. Even so, the technology for making websites talk is still pretty new.
We can make our pages on the web talk using the SpeechSynthesis part of the Web Speech API. This is still...
Yet Another JavaScript Framework
1.4.2019
On March 6, 2018, a new bug was added to the official Mozilla Firefox browser bug tracker. A developer had noticed an issue with Mozilla's nightly build. The report noted that a 14-day weather forecast widget typically featured on a German website had all of a sudden broken and disappeared. Nothing...
Free Programming Courses from Harvard, MIT, Microsoft and more (Sponsored)
26.3.2019
Did you know that you can learn programming online from institutions like Harvard, MIT and Microsoft on edX.org? The nonprofit site offers 2000 online courses from 140 institutions worldwide. Courses are free to try. EdX has over 200 courses from Microsoft alone, including an 11 course program...
It’s pretty cool how Netlify CMS works with any flat file site generator
21.3.2019
Little confession here: when I first saw Netlify CMS at a glance, I thought: cool, maybe I'll try that someday when I'm exploring CMSs for a new project. Then as I looked at it with fresh eyes: I can already use this! It's a true CMS in that it adds a content management UI on top of any static site...