David Omotayo Frontend developer and indie game enthusiast.

Stories by David Omotayo

Creating Animated Logos Lottie Vue 3

Creating animated logos with Lottie and Vue 3

Dev

We demonstrate how to create, customize, export, and add Lottie animations (including animated logos) to Vue 3 projects.

David Omotayo
May 31, 2023 ⋅ 10 min read
Build Async-Awaitable Animations Shifty

Build async-awaitable animations with Shifty

Dev

We demonstrate how use Shifty and JavaScript async/await functions to generate engaging, fast, high-performance animations.

David Omotayo
May 1, 2023 ⋅ 7 min read
Improving Accessibility High-Contrast Users CSS

Boost accessibility for high-contrast users with CSS

Dev

Learn how to improve accessibility and enhance UX for high-contrast users with CSS and how to diagnose website accessibility issues.

David Omotayo
Apr 26, 2023 ⋅ 8 min read
Next.js Logo

How to build a progress bar indicator in Next.js

Dev

Learn how to use Next.js Router events to create a progress bar indicator and then customize the loader with styling and animation.

David Omotayo
Mar 8, 2023 ⋅ 7 min read
Adding SSR Existing Vue 3 App

A guide to adding SSR to an existing Vue 3 app

Dev

We discuss server-side rendering, its advantages and disadvantages, and demonstrate how to incorporate SSR into a preexisting Vue 3 project.

David Omotayo
Mar 3, 2023 ⋅ 14 min read
How ArrowJS Compares To React And Vue.js

How ArrowJS compares to React and Vue.js

Dev

ArrowJS is proving to be a powerful tool for building fast, reactive UIs with native JavaScript. Learn how it compares to React and Vue.

David Omotayo
Jan 5, 2023 ⋅ 9 min read
React Logo Over Pair of Sneakers with Laces

Shoelace: Build web components for React

Dev

Shoelace is a UI library built on web component technology; it offers the same experience as any JavaScript framework but with better perks.

David Omotayo
Dec 9, 2022 ⋅ 11 min read
Build a React dashboard with Tremor

Build a React dashboard with Tremor

Dev

Use Tremor, a low-level library for building dashboards in React, and create an interactive dashboard application.

David Omotayo
Nov 23, 2022 ⋅ 13 min read
Ariakit Logo

Using Ariakit components in React apps

Dev

Ariakit is an open source, low-level component toolkit for building accessible web applications in React. Let’s explore how to use it.

David Omotayo
Oct 28, 2022 ⋅ 8 min read
CSS Logo Over Dropped Ice Cream and Green Background

A new guide to CSS overflow

Dev

This resource for the CSS overflow property investigates its values and suggests different ways to address the overflow problem in CSS.

David Omotayo
Oct 10, 2022 ⋅ 6 min read
Vite and React Logos Over Lightning

Vite 3.0 vs. Create React App: Comparison and migration guide

Dev

Learn how to build React applications with Vite and how to migrate from Create React App to Vite. Compare the core concepts of both tools.

David Omotayo
Sep 2, 2022 ⋅ 8 min read
Svelvet Logo

Build gorgeous flow diagrams with Svelvet

Dev

Easily create gorgeous, customizable flow diagrams in Svelte with the newly released Svelvet. Learn about Svelvet’s core concepts.

David Omotayo
Aug 1, 2022 ⋅ 6 min read