• Web Developer
  • Posts
  • History of Web Design 📜, VSCode Shortcuts ⌨️, Console Scripts 💻, Detecting Memory Leaks 🧠

History of Web Design 📜, VSCode Shortcuts ⌨️, Console Scripts 💻, Detecting Memory Leaks 🧠

2024-08-28

In partnership with

Transform the way you run your business using AI (Extended Labour day Sale)💰

Imagine a future where your business runs like a well-oiled machine, effortlessly growing and thriving while you focus on what truly matters.
This isn't a dream—it's the power of AI, and it's within your reach.

Join this AI Business Growth & Strategy Masterclass and discover how to revolutionize your approach to business.
In just 4 hours, you’ll gain the tools, insights, and strategies to not just survive, but dominate your market.

What You’ll Experience: 
🌟 Discover AI techniques that give you a competitive edge
💡 Learn how to pivot your business model for unstoppable growth
💼 Develop AI-driven strategies that turn challenges into opportunities
⏰ Free up your time and energy by automating the mundane, focusing on what you love

🗓️ Tomorrow | ⏱️ 10 AM EST

This is more than just a workshop—it's a turning point.
The first 100 to register get in for FREE. Don’t miss the chance to change your business trajectory forever.

Hello and welcome to this issue!

My recent updates:

Articles

A comprehensive collection of images and articles showcasing milestone moments in web design history from 1990 to the present.

CSS Grid template areas allow you to define grid layouts using named areas, making it possible to create almost any 2D layout. It also enables responsive changes based on the viewport size. This article, filled with demos, covers the fundamentals of this technique. I’ve used it in my projects combined with CSS in JS for overall page layout, and the results were quite good.

Chrome has recently introduced two new JavaScript events: scrollSnapChange and scrollSnapChanging. This official blog post dives into the technical details.

If you use VS Code, spending time learning some keyboard shortcuts can significantly boost your development efficiency and save you time.

A recent hot topic is the arrest of Telegram’s CEO in France. This article explains that Telegram doesn’t offer end-to-end encryption by default, and users must manually enable it.

A long-form article where the author explains how they recreated a physical product using only CSS gradients. The final result looks good.

Tools

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.

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.

Wanderer is an open-source, self-hosted database that tracks your GPS routes, featuring extensive map integration and visualization.

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.

A free online website offering various tools such as visual timeline creation for CSS @keyframe animations, visual shadow adjustments, gradient color palettes, special character searches, and more.

Thank you for reading this issue. If you enjoyed it and would like to support my work, please consider becoming an exclusive member. For $7 per month, you'll gain unlimited access to content tailored to your interests and receive a special newsletter delivered to your inbox every Saturday. Your support is greatly appreciated.

Reply

or to participate.