Blog on chrispederick.com

Blog on chrispederick.com Link Posts

Link from April 15th, 2021 at 10:14am

“Using the webhint and Error Lens extensions together creates an all-new experience. Now, I can see webhint feedback on a11y, compat, and more, right on the line where the error occurs!” dev.to

Chris Pederick

Link from April 12th, 2021 at 10:43am

“Uniwidth typefaces are proportionally-spaced typefaces, but every character occupies the same space across different cuts or weights…no matter which weight you set your text in, it will never change its length or cause text to reflow.” uxdesign.cc

Chris Pederick

Link from March 4th, 2021 at 11:00am

“Here’s a compilation of the best free monospace fonts for coding, along with additional comments and download links.” draculatheme.com/blog/best-free-fonts-for-programming/

Chris Pederick

Link from February 23rd, 2021 at 9:55am

“Maintaining a consistent width-to-height ratio…is critical in responsive web design and for preventing cumulative layout shift. Now, there’s a more straightforward way to do this with the…aspect-ratio property.” web.dev/aspect-ratio/

Chris Pederick

Link from July 24th, 2020 at 2:13pm

“Native lazy-loading…defers offscreen iframes from being loaded until the user scrolls near them. This saves data, speeds up the loading of other parts of the page, and reduces memory usage.” web.dev/iframe-lazy-loading/

Chris Pederick

Link from July 20th, 2020 at 9:52am

“If you use width: 100vw on a website, there’s a good chance the horizontal scrollbar is visible for many users…what you might not realize is that the viewport actually includes the scrollbars.” destroytoday.com/blog/100vw-and-the-horizontal-overflow-you-probably-didnt-know-about

Chris Pederick

Link from July 14th, 2020 at 10:38am

“So, is WebP better than JPEG?…Since most of the time WebP is used alongside JPEG fallback, by using WebP you will…double your storage costs with little benefit.” siipo.la/blog/is-webp-really-better-than-jpeg

Chris Pederick

Link from November 20th, 2019 at 10:01am

“Inspect each individual layout shift on a page to try to understand what could be causing the instability and actually try to fix the issues.” https://web.dev/fixing-layout-instability/

Chris Pederick

Link from October 4th, 2019 at 10:54am

“In this modern era of web development, we don’t really need a heavy-handed reset, or even a reset at all, because CSS browser compatibility issues are much less likely than they were.” hankchizljaw.com/wrote/…

Chris Pederick

Link from August 14th, 2019 at 10:16am

“Browsers have standardized their CSS loading behavior, so a dedicated script like loadCSS is…no longer necessary…we can achieve the effect of loading CSS asynchronously with a…line of HTML.” filamentgroup.com/…

Chris Pederick

Link from August 12th, 2019 at 1:13pm

“Support for natively lazy-loading images and iframes is coming to the web…use the new loading attribute to lazy-load resources without the need to write custom lazy-loading code or use a separate JavaScript library.” web.dev/…

Chris Pederick

Link from May 23rd, 2019 at 4:10pm

“Remote work is a hot topic right now…I’ve had the opportunity to work for Bleacher Report remotely for the last three years, and wanted to offer a glimpse into my experiences over that time.” josephmclaughl.in/…

Chris Pederick

Link from March 29th, 2019 at 10:01am

“Which style is better for user experience?…Research shows…solid icons were generally faster to recognize than outline icons, but with a few exceptions.” https://uxmovement.com/

Chris Pederick

Link from February 6th, 2019 at 10:13am

“Discover thought-provoking and enriching entertainment on one convenient streaming platform brought to you for free by your library. Kanopy makes it easy to find and stream meaningful films…no fees, no commercials.” https://www.kanopy.com/

Chris Pederick

Link from September 14th, 2018 at 10:01am

“webhint is a linting tool for the web to…help web developers write the best possible code and clean up the web of bad practices.” https://webhint.io/scanner/

Chris Pederick

Link from August 14th, 2018 at 3:49pm

“Observatory by Mozilla is a project designed to help developers, system administrators, and security professionals configure their sites safely and securely.” https://observatory.mozilla.org/

Chris Pederick

Link from August 10th, 2018 at 12:26pm

“A curated list of screensavers for macOS.” https://github.com/agarrharr/awesome-macos-screensavers

Chris Pederick

Link from July 31st, 2018 at 4:01pm

“About three years ago, I wrote a piece on how to get system fonts in CSS. A recent tweet reminded me that I needed to update this information.” https://furbo.org/2018/03/28/system-fonts-in-css/

Chris Pederick

Link from July 10th, 2018 at 10:19am

“Homebridge Sensors for Plex is a plugin…for Homebridge…which lets you create various sensors for Apple HomeKit that can be triggered by a playback in Plex.” medium.com/plexlabs/…

Chris Pederick

Link from May 24th, 2018 at 2:01pm

“Getting some…data during an initial 1:1 can be really helpful, as I can refer back to the answers as I need to give a person feedback, recognize them, and find creative ways to support them.” larahogan.me/…

Chris Pederick