Tutorials Page 27
Checkout the Last Public Revision with Mercurial
I've always preferred git over Mercurial (
hg
) because the feature branch workflow makes organizing code and working off of master very easy. You don't get that with vanilla mercurial -- instead, commits can just sort of apply on top of each other, without much organization.How to Detect Text in Images
Images are a great way to communicate without text but oftentimes images are used/abused to spread text within social media and advertisements. Text in images also presents an accessibility issue. The truth is that it's important, for any number of reasons, to be able to detect...
Detect if Element is a Web Component
I've advocated for web components since before they became a spec, mostly inspired by the Dojo Toolkit's dijit framework. Empowering first class JavaScript widgets, as opposed to a mess of DIVs and templates, always made the most sense. Now that web components exist, and awesome...
IP Geolocation API
Detecting geolocation information from your user provides you a massive advantage: improved conversion, better segmenting and analytics, and providing more relevant content. There are numerous paid services which will provide geolocation info but they're oftentimes too costly or short of valuable information. I was super impressed...
Wix Is Challenging You to an SEO Battle for $25K
This year Wix launched a series of advanced SEO tools for Wix users to optimize their site pages for search engines and social media platforms. These tools include custom meta tags, canonical URLs, 301 redirects, structured data and rapid loading.So what’s the deal?To put their...
Resize Observer
Creating websites that are reactive and responsive used to be considered advanced but responsiveness is a necessity for successful websites and apps. We've added media queries,
matchMedia
, and a host of other APIs to help developers make responsiveness easier and now we get a new...AI-Backed Image Background Removal
I've worked on dozens of eCommerce sites in my career and many of them were hamstrung by the same pain points: tax collection, payment customization, and image optimization. While tax collection and payment customization were important, image optimization was always the hardest and...
Recursive Array.flat
There was much talk about
Array.prototype.flat
during its early stages, starting with the name alone. Many developers preferred the nameflatten
but the spec differed from MooTools' implementation. MooTools would recursively flatten an array but the new, officialflat
implementation defaults one level of flattening,.The current...Using Array reduce
Every developer who specializes in any programming language will tell you there's a powerful tool the language provides that they rarely use and wish they knew more about. For me, it's
Array.prototype.reduce
. I quite enjoy the otherArray
methods likemap
,filter
, andfind
...Type Conversion with JavaScript Arrays
JavaScript's loose nature allows developers to employ amazing tricks to do just about anything you'd like. I've detailed how you can filter falsy values in arrays using a
filter(Boolean)
trick, but reader David Hibshman shared another trick for typecasting array values the same...