Search
Managing WordPress Metadata in Gutenberg Using a Sidebar Plugin
20.6.2019
WordPress released their anticipated over to the post editor, nicknamed Gutenberg, which is also referred to as the block editor. It transforms a WordPress post into a collection of blocks that you can add, edit, remove and re-order in the layout. Before the official release, Gutenberg...
How to Section Your HTML
18.6.2019
The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section.
Here is a brief explanation of each sectioning element...
Components, yo.
14.6.2019
I see VuePress just went 1.0. Explained simply, it's a static site generator based on Vue. But of course, you work in Vue, which means you work in components.
All the modern JavaScript frameworks are component-based. Even when they disagree with each other about specific things (like how Svelte...
Everything You Need to Know About Date in JavaScript
11.6.2019
Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with date and time.
But we don't always need to use libraries. Date can actually be quite simple if you know what to watch out for. In this article...
JAMstack? More like SHAMstack.
5.6.2019
I'm a fan of the whole JAMstack thing. It seems like a healthy web movement. I'm looking forward to both of the upcoming conferences.
Of any web trend, #jamstack seems like it will be the least regrettable.
— Chris Coyier (@chriscoyier) May 22, 2019
I feel like the acronym might not...
BCH Businesses Launch Development Fund for Bitcoin Cash
4.6.2019
On May 30, the FVNI Development Society in collaboration with Bitcoin.com, Bitcoincash.org, Electron Cash, Bitcoincash.com and a multitude of individuals and businesses in China launched a new fundraiser to support the software engineers who maintain the technical development of the Bitcoin Cash...
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...
A Quick Look at the First Public Working Draft for Color Adjust Module 1
29.5.2019
We've been talking a lot about Dark Mode around here ever since Apple released it as a system setting in MacOS 10.14 and subsequently as part of Safari. It's interesting because of both what it opens up as as far as design opportunities as well as tailoring user experience based on actual user...
Prioritizing
27.5.2019
You're faced with a lot of decisions in everyday work. There are multiple tasks calling for your focus, and you can burn daylight or even burn out trying to decide what comes first. There's a phenomenon called decision fatigue. There have been many studies that you can make poor choices when you're...
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...