Curated by Wenyi Chu

READ MORE
thursday
23 Sep 2021
7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS css-tricks.com

In this article, I’ll walk you through seven different examples that showcase how ::before and ::after can be used to create interesting effects.

SHOW MORE
7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS
Design
Communicating with Interactive Articles distill.pub

Examining the design of interactive articles by synthesizing theory from disciplines such as education, journalism, and visualization.

SHOW MORE
Communicating with Interactive Articles
General
Google: You Don't Need Reviews To Use Product Schema For Product Rich Results seroundtable.com

Google's John Mueller confirmed that even if you do not have reviews on your product landing pages, you can still use product structured markup/schema on your product pages and gain product rich results in the Google search results page.

SHOW MORE
Google: You Don't Need Reviews To Use Product Schema For Product Rich Results
Seo
You Can Get A Google Penalty For Bad Links In FAQ Schema seroundtable.com

A while back an SEO asked John Mueller of Google if "linking to an external site from the FAQ Schema of a discounts/vouchers site?" John responded, "sure." I guess if the link is against Google's webmaster guidelines, sure, you can get a manual action.

SHOW MORE
You Can Get A Google Penalty For Bad Links In FAQ Schema
Seo
How SPA architectures affect Core Web Vitals web.dev

Answers to common questions about SPAs, Core Web Vitals, and Google's plan to address current measurement limitations.

SHOW MORE
How SPA architectures affect Core Web Vitals
Performance
wednesday
15 Sep 2021
Optimizing images on the web blog.cloudflare.com

Images are a massive part of the Internet. On the median web page, images account for 51% of the bytes loaded, so any improvement made to their speed or their size has a significant impact on performance.

SHOW MORE
Optimizing images on the web
Performance
Perceived brightness: an essential concept for UI design bootcamp.uxdesign.cc

Look at the image above. Don’t you feel some colors are brighter than others? For example, between the yellow and blue: which is brighter?

SHOW MORE
Perceived brightness: an essential concept for UI design
Design
Designing Beautiful Shadows in CSS joshwcomeau.com

In my humble opinion, the best websites and web applications have a tangible “real” quality to them. There are lots of factors involved to achieve this quality, but shadows are a critical ingredient.

SHOW MORE
Designing Beautiful Shadows in CSS
Design
Grainy Gradients css-tricks.com

Browse through Dribbble or Behance, and you’ll find designers using a simple technique to add texture to an image: noise. Adding noise makes otherwise solid colors or smooth gradients, such as shadows, more realistic. But despite designers’ affinity for texture, noise is rarely used in web design.

SHOW MORE
Grainy Gradients
Design
Orchestrating Complexity With Web Animations API smashingmagazine.com

There are way too many options in Web Animations API to pick them up that easily. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which to base your projects on.

SHOW MORE
Orchestrating Complexity With Web Animations API
Development