Image Gallery with Popovers and AIM (Anchor-Interpolated Morph)
An image gallery is a nice example of AIM, where the larger version of an image can “morph” out from the smaller one when opened, and back in when closed.
An image gallery is a nice example of AIM, where the larger version of an image can “morph” out from the smaller one when opened, and back in when closed.
There is so much new web technology happening all the time, it is definitely not your fault if you feel like you can’t keep up with it. Big thumbs up to the new service BaseWatch, which will let you know when web technologies you care about become widely available, and thus potentially close enough to […]
Just two short long years ago, I wrote an article here called Document Collaboration (with Comments!). As a long-time blogger who helps others with their articles too, I’ve played with lots of tools to help with this flow. I put some options in that post, but none are perfect. The big names come with baggage […]
The new .setHTML() method in JavaScript, part of the Sanitizer API, can be a one-to-one replacement for .innerHTML(), making sites more secure from XSS attacks. I think that’s pitch-perfect feature branding from Mozilla on this: Goodbye innerHTML, Hello setHTML: Stronger XSS Protection in Firefox 148. Listen to Frederik Braun go deep into this on ShopTalk […]
It’s a strange situation where some CSS is disallowed, some is allowed but breaks the button, and some is capped.
As it stands, you have to think about the layout engine and whether an element is “fully laid out” before an anchor is allowed to apply to it. Boooooo.
A Brief History of JavaScript from the Deno team, celebrating JavaScript being 30 now. Interesting that the first web request tech was Internet Explorer 5 in 1999, then it took 5 years to get Gmail in 2004, then we started calling it AJAX in 2005, and by 2006, we got jQuery’s $.ajax which made it […]
Loren Stewart built the same (kanban) app 10 times and wrote about it, trying to figure out which JavaScript framework is best for his team. The focus is on mobile web performance. The implementations were reviewed by others. Here’s my own summary of his summary:
From Nicholas C. Zakas’s regularly interesting newsletter: The best way to work with legacy code is to approach it patiently—understand small parts, write tests, and document what you learn. My favorite line about legacy code, which I’ve probably shared too much, is when David Khourshid called it “Legendary Code”. Legacy code feels a smidge mean […]
David Bushell is very sick of the “scroll fade” effect. It’s the effect where, as you scroll down a page, elements slide into place. Often, all the elements. I agree it’s overplayed since it’s usually movement for the sake of it, not adding anything to the experience. It’s true that movement catches our eye, but […]
Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.