DISPATCHESARCHIVE
53 UX Concepts, 100 VS Code Shortcuts, and 700+ Startup Tools
Hey there, web developers! 👋
Welcome to this week's UpWeb newsletter. We're exploring 53 psychological biases in UX design, mastering 100 VS Code shortcuts, and understanding how HTTPS really works. Plus, 700+ curated tools for startups, a powerful video player library, and a CLI tool for detecting memory leaks.
Let's dive in!
💼 Sponsored
- Quick start and timely project delivery
- Industry-leading expertise covering your entire SDLC
- ELEKS-owned responsibility for your project's success
📰 Articles
53 psychological biases, design principles, and UX concepts An online resource that offers various UX design concepts, providing free theoretical knowledge and paid product tips.
100 Crucial Keyboard Shortcuts for VS Code Users If you use VS Code, spending time learning some keyboard shortcuts can significantly boost your development efficiency and save you time.
Four common types of code coverage This article quickly introduces what code coverage is and explores four common methods for measuring it.
What is UDP? UDP is a network protocol often described as "connectionless" and "unreliable" because it doesn't guarantee packet delivery. However, this makes it ideal for scenarios where speed and efficiency are crucial, such as real-time video streaming and online gaming.
How HTTPS Works This comic-style guide explains how HTTPS works in a very vivid and engaging way. I also wrote a brief article on HTTPS here.
How I recreated a Polaroid camera with CSS gradients only A long-form article where the author explains how they recreated a physical product using only CSS gradients. The final result looks good.
🛠️ Tools
50 Useful Vim Commands A quick guide to 50 Vim commands you might frequently use. If you're already using Vim, this list can help you fill in some potential gaps.
Dear Console An online site providing handy scripts that can be copy-pasted into the browser's developer tools. For example, getting all image URLs from a document, generating a screenshot of the current page, and more.
Vidstack Player An open-source UI component and hooks library for building video/audio players on the web. It's powerful, customizable, and accessible, making it a modern alternative to JW Player and Video.js. It integrates well with almost any JS framework and supports custom Tailwind CSS styling.
Open-source toolbox list for startups A crowdsourced collection of 700+ tools selected for startup founders, covering websites, design, payments, user analytics, automation, and more.
fuite
fuite is a CLI tool for detecting memory leaks in web applications. It works by launching Chrome with Puppeteer, loading a webpage, and running scenarios against it. Specifically, it simulates user interactions, analyzes heap snapshots, and identifies leaking objects, event listeners, and DOM nodes, supporting use in SPA projects.
Maizzle An open-source framework for quickly building HTML emails using Tailwind CSS. Here's an article on how to create HTML email newsletters from Markdown files.
Wanderer Wanderer is an open-source, self-hosted database that tracks your GPS routes, featuring extensive map integration and visualization.
📬 Stay Connected
Thank you for reading this week's newsletter! If you found this useful, please share it with your colleagues and friends.
Have suggestions or want to contribute? Reply to this email and let us know what you'd like to see in future issues.