Editor's Pick
Deep Cloning Objects in JavaScript, the Modern Way
It’s been a long time coming, but we finally now have the built-in structuredClone
function to make deep cloning objects in JavaScript a breeze.
Accessibility
CSS Can Influence Screenreaders
How CSS bleeds into content and influences screenreader announcements.
CSS
CSS Custom Highlight API - Web APIs | MDN
The CSS Custom Highlight API provides a mechanism for styling arbitrary text ranges on a document by using JavaScript to create the ranges, and CSS to style them.
Styling text ranges on a webpage can be very useful. For example, text editing web apps highlight spelling or grammar errors, and code editors highlight syntax errors.
Grid by Example - Everything you need to learn CSS Grid Layout
This site is a collection of examples, video and other information to help you learn CSS Grid Layout. Developed and maintained by Rachel Andrew.
JavaScript
What every JavaScript developer should know about Unicode
Unicode in JavaScript: basic concepts, escape sequences, normalization, surrogate pairs, combining marks and how to avoid pitfalls
Deep Cloning Objects in JavaScript, the Modern Way
It’s been a long time coming, but we finally now have the built-in structuredClone
function to make deep cloning objects in JavaScript a breeze.
UX
Your Website Search Hurts My Feelings
Getting search to work well requires a lot of tweaking and tuning. You can't just slap a search engine into a product and expect it to work well. It's hilariously incompatible with the assembly line style of work that many software outfits employ these days. It also requires deep understanding of what a search engine does and how its algorithms work.
But worse than that, it's more about what the company considers core business and what not. Most often they don't see search as being important enough to the business so they don't invest in it other than having some sort of search available.
Take a random supermarket chain. Their knowledge is about physical stores. Their core business has taught them where to open a store and how to arrange things in it so that they maximize their sales in that environment. It's very hard and it takes a very long time to shift to an online model. You have to find people with the right competencies and the right leadership to convince the company to do this and this is actually very hard to do.
So don't be surprised with lackluster search when it might literally have come from an architect Googling "best search library 2023 java"...Aha! Let's use Elasticsearch!
Evolving the infinite canvas
In the digital world, especially on the web, we’re used to things being stacked vertically. Scrolling, scrolling, through boxes of content, Things are always arranged linearly — top-to-bottom. Or, if we’re feeling spicy, left-to-right. This is all great for neat, orderly content. But what about when thoughts are complex, unsorted, exploratory? Enter: the infinite canvas.
Miscellaneous
Inside the all-new Edge DevTools user interface
Microsoft Edge DevTools has a brand-new look! Let’s go over what it is, why we made it, and the main improvements that the redesigned UI brings.
Yesicon - Curated High-Quality, Open-Source, and Free Vector Icons
162 icon sets with 200k+ icons, search across icon sets in multiple languages, rich filtering by type and style, quick customization of icon colors, sizes and code styles, one-click copy and download for developers and designers.