[{"title":"Masonry? In CSS?!","author":"CSSInRealLife","twitterName":"CSSInRealLife","date":"2022-07-06T00:55:38.999Z","url":"https://css-irl.info/masonry-in-css/","guid":"LDdQCdjQdoBwg7Cur","body":"

Pinterest’s grid design is a commonly-cited example whenever the masonry conversation comes up.

\n","domain":"css-irl.info"},{"title":"Would carbon food labels change the way you shop?","author":"FinancialTimes","twitterName":"FinancialTimes","date":"2022-07-06T00:53:13.382Z","url":"https://ig.ft.com/carbon-food-labelling/","guid":"Z7QGmRJoy7GsH4RJ9","body":"

Environmentally friendly food shopping can be a challenge. Find out how your favourite UK supermarket items stack up with our interactive scales

\n","domain":"ig.ft.com"},{"title":"The World’s Highest Website—a CSS Experiment","author":"j9t","twitterName":"j9t","date":"2022-07-06T00:51:19.836Z","url":"https://worlds-highest-website.com/","guid":"6cSkk5QaWoHrEkP9c","body":"

Ladies and gentlemen—welcome to the highest, longest, largest website in the World!

\n","domain":"worlds-highest-website.com"},{"title":"The Unlocked Possibilities of the :has() Selector","author":"jimniels","twitterName":"jimniels","date":"2022-07-06T00:48:54.769Z","url":"https://blog.jim-nielsen.com/2022/unlocked-possibilities-of-has-selector/","guid":"t6JzQunt9Ba6Yx2oE","body":"

The more you think about it the more possibilities (many yet undiscovered) you realize the :has() selector unlocks.

\n","domain":"blog.jim-nielsen.com"},{"title":"What background color should your data vis have?","author":"datawrapper","twitterName":"datawrapper","date":"2022-07-06T00:48:12.365Z","url":"https://blog.datawrapper.de/background-color-of-data-visualizations/","guid":"GBnE4kGsMfzKMZqFK","body":"

Let’s look at 100 data visualizations from advanced data vis designers and beginners. Which background colors do they use – and why?

\n","domain":"blog.datawrapper.de"},{"title":"6 Tips when working with Figma Component Properties","author":"mrcndrw","twitterName":"mrcndrw","date":"2022-07-05T05:28:53.058Z","url":"https://www.marcandrew.me/6-super-helpful-tips-when-working-with-figma-component-properties/","guid":"STGGYhLQxSZbMpfjJ","body":"

In this article I’ve compiled a list of helpful tips when using Figma Component Properties in your workflow.

\n","domain":"marcandrew.me"},{"title":"The Creative Study","author":"askusforideas","twitterName":"askusforideas","date":"2022-07-05T05:21:47.272Z","url":"https://creativestudy.aufi.com/","guid":"ugfj8nWtoBivrW2vj","body":"

Creativity is the most powerful part of business. AUFI asked some of the world’s most creative minds to define what creativity is.

\n","domain":"creativestudy.aufi.com"},{"title":"Visualization Publication Dataset","author":"observablehq","twitterName":"observablehq","date":"2022-07-05T05:19:43.753Z","url":"https://observablehq.com/@observablehq/vispubdata","guid":"MeB7Xb8AsPcy83jq2","body":"

Visualizing a dataset of research in visualization sounded a bit meta, but intriguing…

\n","domain":"observablehq.com"},{"title":"Text-overflow: ellipsis considered harmful","author":"CSS","twitterName":"CSS","date":"2022-07-05T05:16:17.217Z","url":"https://yatil.net/blog/text-overflow-ellipsis-harmful","guid":"XnhG42qFDs7PYwRYM","body":"

The whole reason text-overflow exists is to specify the behavior of text once it flows over the container.

\n","domain":"yatil.net"},{"title":"See the 50 most striking book covers of the year","author":"fastcompany","twitterName":"fastcompany","date":"2022-07-05T01:26:35.753Z","url":"https://www.fastcompany.com/90765566/see-the-50-most-striking-book-covers-of-the-year","guid":"C3LHboq5JzXQnB3vS","body":"

Every year, the AIGA recognizes the best designed book covers. This year’s winners highlight the vibrancy and diversity of the moment.

\n","domain":"fastcompany.com"},{"title":"Building tabs in Web Components","author":"DavidDarnes","twitterName":"DavidDarnes","date":"2022-07-04T04:54:27.945Z","url":"https://darn.es/building-tabs-in-web-components/","guid":"t2JcDBHnCJCTuiHgR","body":"

Part of my role at Nordhealth is to design, develop and expand upon our ever increasing roster of Web Components within the Nord Design System.

\n","domain":"darn.es"},{"title":"The business power of design: understanding Airbnb’s redesign","author":"uxdesigncc","twitterName":"uxdesigncc","date":"2022-07-04T04:52:43.191Z","url":"https://uxdesign.cc/the-business-power-of-design-understanding-airbnbs-redesign-9f835d282bf9","guid":"DqHqftZtb5ZtmtxwD","body":"

On May 11th, 2022, Airbnb announced a redesign that, according to CEO Brian Chesky, was the app’s “biggest change in a decade”.

\n","domain":"uxdesign.cc"},{"title":"There’s a Clever Strategy Behind the Flash of Fireworks Packaging","author":"AIGAdesign","twitterName":"AIGAdesign","date":"2022-07-04T04:50:40.526Z","url":"https://eyeondesign.aiga.org/theres-a-clever-strategy-behind-the-flash-of-fireworks-packaging/","guid":"6NERCFtfQDK7NmH9Y","body":"

Ahead of July 4th, we spoke with one of the US’s biggest pyrotechnics brands about its showy graphic design.

\n","domain":"eyeondesign.aiga.org"},{"title":"Compound pejoratives on Reddit – from buttface to wankpuffin","author":"HalfEatenScone","twitterName":"HalfEatenScone","date":"2022-07-04T04:48:28.907Z","url":"https://colinmorris.github.io/blog/compound-curse-words","guid":"PiXHq9RDtW2itEHWr","body":"

What can Reddit comment data tell us about the rules governing the formation of insulting compound words like ‘fartface’, ‘scumwad’, or ‘assgoblin’?

\n","domain":"colinmorris.github.io"},{"title":"Felt – The best way to make maps on the internet","author":"Felt","twitterName":"Felt","date":"2022-07-04T01:42:58.631Z","url":"https://felt.com/","guid":"DM4Lm8GBh3rxN8YHR","body":"

Felt lets you create maps collaboratively, using world-class data, and share them in a single click.

\n","domain":"felt.com"},{"title":"Releasing Color.js: A library that takes color seriously","author":"leaverou","twitterName":"leaverou","date":"2022-07-01T02:30:15.957Z","url":"https://lea.verou.me/2022/06/releasing-colorjs/","guid":"f4Te7itD8BupPq7dZ","body":"

This post has been long overdue: Chris and I started working on Color.js in 2020, over 2 years ago!

\n","domain":"lea.verou.me"},{"title":"The Complete Guide to the Dark Mode Toggle","author":"theroyalfig","twitterName":"theroyalfig","date":"2022-07-01T00:28:54.627Z","url":"https://ryanfeigenbaum.com/dark-mode/","guid":"8BaQSwtHqdg87L3Ag","body":"

Implementing a color mode switcher on your website using custom variables, prefers-color-scheme, and more, all with a very pretty demo!

\n","domain":"ryanfeigenbaum.com"},{"title":"My thoughts on the new Figma Component Properties","author":"mrcndrw","twitterName":"mrcndrw","date":"2022-07-01T00:16:16.122Z","url":"https://www.marcandrew.me/my-thoughts-on-the-new-figma-component-properties-feature/","guid":"dDz7X6s7E7bLPXdkH","body":"

The pros and cons, as well as some handy tips to follow.

\n","domain":"marcandrew.me"},{"title":"Mario Carrillo — Creative Coder & Visual Artist","author":"codrops","twitterName":"codrops","date":"2022-07-01T00:08:13.817Z","url":"https://marioecg.com/","guid":"NCGWTrxyW2xqNqkzg","body":"

I’m an artist and programmer using technology as a medium for creativity and visual exploration between the digital and physical space.

\n","domain":"marioecg.com"},{"title":"Single Element Loaders: Going 3D!","author":"CSS","twitterName":"CSS","date":"2022-07-01T00:06:42.474Z","url":"https://css-tricks.com/single-element-loaders-going-3d/","guid":"fwYYpZJkJz5HL3KLM","body":"

For this fourth and final article of our little series on single-element loaders, we are going to explore 3D patterns.

\n","domain":"css-tricks.com"}]