Google Rewrites 61% of Page Title Tags [SEO Study]

More recently, Google became much more aggressive with title rewriting, incorporating additional HTML tags and generally rewriting far more titles than previously.

For this research, Zyppy examined a total of 80,959 title tags across 2370 sites in early 2022 from across the globe and compared them against desktop Google results.

The Woman Who Theorized Color: An Introduction to Mary Gartside’s New Theory of Colours (1808)

“I shall only say that those ladies who study the rules of the art, secure a never-ceasing source of pleasure to themselves, which is always at their own command…. while those who pursue the practical part alone, can make no progress whenever their teacher or copy is withdrawn.” 

~ Mary Gartside

The history of color theory is a story we tell based on available facts. Like many histories, it has mostly been a story by and about men. Isaac Newton’s experiments with optics inspired the broader inquiry. Johann Wolfgang von Goethe’s 1810 Theory of Colors set a standard — visually and philosophically — for books about color in the following centuries. A series of lesser-known names surround them, to the founders of color monopolist Pantone and beyond.

Keep reading >>

Removing Nested Modals From Digital Products

This article is for the product designers who are improving a product’s flow; it’s for those product managers who want to make a case for a better user experience and for everyone who wants to rid the web of nested modals.

Joseph Mueller
Removing Nested Modals From Digital Products

Pseudo-Randomly Adding Illustrations with CSS

… I knew I wanted to separate entries with decorations of some sort, as a way of breaking up the stream of text.  Fortunately, Hamonshū provided ample material.  A little work in Acorn and I had five candidate illustrations ready to go.

Eric Meyer
Pseudo-Randomly Adding Illustrations with CSS

Such an elegant way to add personality to text-heavy websites!

Learning to Learn

By choosing to be a developer, you are choosing to learn.

Sarah Drasner
Learning to Learn

I love how much of Sarah’s article is devoted to the methodology of the ongoing self-directed learning and the mindset necessary to keep plugging at it. Having resources available is important, and we never before had so many quality ones, but they won’t help much without a method to use them efficiently.

You don’t need to learn everything and no one knows absolutely everything. It can feel overwhelming, but try to view it less like a race to the finish and more like a continuous journey.

Sarah Drasner
Learning to Learn

Responsive web design basics

Very thorough and easy to follow article by Pete LePage and Rachel Andrew on how to create websites that respond to the needs of the users and capabilities of the devices they’re using.

Among topics covered are: sizing content to the viewport, using CSS media queries for responsiveness, choosing breakpoints, and using Chrome DevTools to view media query breakpoints.

Accessible fixed header grid

Demonstration of CSS-only grid with scrolling body and frozen header. It uses grid role for testing/demonstration purposes, despite currently having no interaction.

Two implementation details are worth noting: Edge does not support ARIA grid/table rows on semantic table elements, so all elements in this example are divs. Second, role="rowgroup" is not supported, so it has not been used.

See the Pen Scrolling grid by Sarah Higley (@smhigley) on CodePen.