Did you know that, in both Chrome & Firefox, typing
document.designMode = 'on' into DevTools > Console let’s you edit webpage text right in the browser? No need to find that element in the Elements tab, just start typing, right in-screen!
Did you also know that, in both Chrome & Firefox, pasting using Shift+Cmd+V removes styles collected while copying? I have been using a clunky Extension all this time, so much faster!
A Deep Dive into
background-size in CSS certainly made the rounds in the past week, but it is so chock-full of goodness, it is worth re-sharing.
Detecting Specific Text Input with HTML and CSS certainly made the rounds too, but again, the technique is so cool, it is worth re-sharing… I love the creativity of such hack-like techniques…
For anyone working with megalithic caching systems (like proxies, CDNs, etc.), pretty exciting news regarding two new caching headers:
Cache-Status and Targeted
Cache-Control. With companies like like Fastly, Akamai & Cloudflare involved with the spec writing, this is sure to gain traction quickly (in fact, both Cloudflare and Akamai already support Targeted
Cache-Control), so the world of caching (and debugging caching!) is about to get a whole lot better!
Safari 15 is on its way, and with it comes some pretty big new features, like:
- Web extensions!
metatags and the Web Manifest
- CSS support for
aspect-ratio, a handful of new color-related syntaxes, and a slew of new
- A Grid Inspector overlay in Web Inspector
- WebGL2 and
- A couple media and security features
- And a few pretty big enhancements to the Payment Request API
All-in-all a pretty great release, but so frustrating to have Service Workers still locked out of the WKWebView world…
I recently implemented an in-page search (a “Find”, I guess?), but since the site already uses jQuery and a jQuery plugin to allow “type ahead” functionality, I of course used them, but here is a nice, clean, rather simple Vanilla JS method for implementing the same thing, sans-jQuery.
A fantastic primer/reminder on the current state of responsive images… Man, we’ve come a long way from
Oh how I love when someone else writes an article I have been procrastinating on… :-) And I especially love it when that author is as good as someone like Kent C. Dodds! In How I built a modern website in 2021, Kent does a great job describing his process, the tech he chose, and why. Certainly different choices than I would have made in my article, but then isn’t that part of the fun? An inspiring read!
Want to offer on-the-fly PDF create capabilities via your website or some Node project? Fantastic!
And finally, I have loved RSS since I first encountered it (ca. 2005?) and immediately began using feeds to voraciously consuming content, especially once I learned about Google Reader! The RSS world took a major hit when Google closed Reader in 2013 (surely an attempt to shift focus to their soon-equally-fated Google+), and we all fragmented into various other corners of the web… I, along with many others, switched primarily to Feedly, many just migrated to social media, e-newsletters have tried to fill the hole, but none of them were ever quite the same… Now, as Brandon Quakkelaar points out, we are realizing that social media can be / has been somewhat detrimental… I personally would LOVE to see the RSS world resurrected. It is, after all, the social media we have always wanted… Is RSS Discovery Engine the start of the rebirth that we have been waiting for? It does a good job of finding all my feed links! now if only we had a reader that could incorporate something like this into our collection of feeds, then allow us to add new finds into our feed list…
Shift+Cmd+V works in OS X in most apps. For example, it also works in Mail or Slack.
But it’s os-specific. So I don’t think something similar exists for Window.
It’s already been 8 years since Google Reader was shut down? Wow, that’s long. I’ve also switched to Feedly but I still enjoyed Google Reader more.
The link for “A fantastic primer/reminder on the current state of responsive images” is missing in your article.
Your comment form has a typo: “I’m not a spammer”. There is an additional Slash.
And the Labels for the Checkboxes break weirdly. For me the first and last checkboxes are centered and label is broken into a new line. This happens because the checkbox get’s 100% width from this selector: `.comment-form input`.
Cheers @vrock! Missing link added, typo corrected and checkboxes should now be aligned!
Appreciate the watchful eye.