Emojimix — Combine two emojis into one

UPDATE 2023.09.21 If you’re looking for Google’s Emoji Mixer, go visit https://www.google.com/search?q=mix+emojis and click “Get Cooking” Combine two emojis into one. Thousands of combinations are available Some fun combos in there 😅 Emojimix — Combine two emojis into one → Related: On the web, you can position two emoji on top of each other to …

Debug memory leaks with the “Detached Elements” tool

An experimental feature in the DevTools of Microsoft Edge Canary is the “Detached Elements” tool. The “Detached Elements” tool allows you to find all nodes that are no longer attached to the document — a typical cause for leaking memory when you forget to clean them up. There are valid reasons for detaching elements from …

NodemailerApp — Cross Platform Email Debugging Application

NodeMailer is a module for Node.js applications to allow easy email sending. From the same authors also comes NodemailerApp, an application created to help you debug email. NodemailerApp includes local SMTP and POP3 servers, a sendmail replacement, catchall email domain service, AMP4Email renderer […] You can use NodemailerApp to instantly preview emails sent from your …

Bento Components

Bento is an easy to use component library that helps you achieve a great page experience. Included components are components (such as a Gallery, Accordion, Carousel, …), 3rd party embeds (Facebook, Instagram, …), text-related utilities, etc. The components themselves are (mostly) available as Web Component or a React Functional Component. An Instagram embed for example …

Identify which NPM libraries are used on a website with Bundle Scanner

Bundle Scanner identifies which npm libraries are used on any website. It downloads every Javascript file from a URL and searches through the files for code that matches one of the 35,000 most popular npm libraries. The scanning itself works in a pretty ingenious way: When a user requests to scan a website, Bundle Scanner …

10 useful HTML file upload tips for web developers

A bit of an older post, but still relevant: Tapas Adhikary goes over some HTML attributes one can set on an input[type=”file”], and uses of the File API: Simple file upload Multiple file uploads Know about file metadata Know about file accept property Manage file content Validate file size Show file upload progress How about …

Floating UI – Positioning for tooltips, popovers, dropdowns, and more

Floating UI is a low-level library for positioning “floating” elements like tooltips, popovers, dropdowns, menus and more. Floating UI exposes primitives which enable a floating element to be positioned next to a given reference element while appearing in view for the user as best as possible. Features include overflow prevention (or collision awareness), placement flipping, …

Efficient Distance Querying in MySQL

Aaron Francis looks into querying MySQL with a ST_Distance_Sphere clause — a function to calculate the linear distance in meters between two lon/lat points — in an efficient way. There’s a few things he does there: No unnecessary calculations in WHERE clauses Pre-limiting the set by applying a bounding box Leveraging Generated Columns Using a …

Coloring With Code — A Programmatic Approach To Design

Speaking of George Francis in the previous post, he’s also got a post up on Codrops on color palettes. Learn to create beautiful, inspiring, and unique color palettes/combinations, all from the comfort of your favorite text editor! If you’re not into the color palettes themselves, at least give the part where he explains LCH a …