Build a URL redirector application with Cloudflare Workers and Cloudflare D1

Sun, 07 Jan 2024 09:04:43 +0000

In today’s fast-paced digital world, where attention spans are short, optimizing website performance and user experience is crucial. Imagine asking someone to visit a lengthy URL (https://lorbic.com/setting-up-llama-2-with-docker-on-your-gaming-laptop-using-ollama/) – their reaction might be a disappointed face (🙁). Typing such URLs can lead to errors, resulting in users landing on a dreaded 404 page.

Simplifying Search Activation: A Quick Guide with JavaScript

Sat, 01 Apr 2023 08:28:39 +0000

Learn how to enhance user experience by activating the search input field with a simple key press on your website. This quick guide provides a code snippet and easy-to-follow steps.

1. HTML Markup for Search Input:

html

 1<form>
 2 <input type="text" id="search-input" placeholder="$ grep...">
 3</form>
 4
 5<!-- If you have a button to activate the search field like in this website -->
 6<li class="search-icon">
 7 <a href="javascript:void(0)" id="search-button">
 8 <i class="fa fa-search"></i>
 9 </a>
10</li>

2. JavaScript Functionality:

Activate the search input field by pressing a key (in this example, the ‘/’ key). Modify the key binding according to your preferences.

JavaScript on Lorbic

Build a URL redirector application with Cloudflare Workers and Cloudflare D1

Simplifying Search Activation: A Quick Guide with JavaScript

1. HTML Markup for Search Input:

2. JavaScript Functionality: