A rather geeky/technical weblog, est. 2001, by Bramus
12 Days of Web is Stephanie Eckles‘s “advent” calendar. A year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript. Three days in, and she has already covered Intersection Observer, <details> + <summary>, and CSS Custom Properties. Good stuff. 12 Days of Web → Related: Find more web advent calendars here.
Just like last year and the year before, Sacha Greif (with help from a team of contributers and consultants) ran “The State of CSS Survey”. This survey was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices. As such, these surveys are focused on anticipating what’s …
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 …
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 …
Continue reading “Debug memory leaks with the “Detached Elements” tool”
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 …
Continue reading “NodemailerApp — Cross Platform Email Debugging Application”
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 …
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 …
Continue reading “Identify which NPM libraries are used on a website with Bundle Scanner”
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 …
Continue reading “10 useful HTML file upload tips for web developers”
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, …
Continue reading “Floating UI – Positioning for tooltips, popovers, dropdowns, and more”
