Lightnews — Scholar-powered news

Playful Programming @playfulprogramming.com · 4d

We appreciate you sharing our goofy lil' site in your newsletter! We're huge fans!

Playful Programming @playfulprogramming.com · 13d

We recently learned that our Discord was not accepting invites due to a bug in Discord! 😱

This issue appears to have been resolved after toggling a switch in our settings. If you've been trying to join us, please try again - we'd love to have you ✨

discord.gg/FMcvc6T

Join the Playful Programming Discord Server!

The perfect place to learn all kinds of programming, from introductory ideas to advanced abstractions. | 2606 members

discord.gg

1

Playful Programming @playfulprogramming.com · 15d

In our latest article, we dive into all the details into CSS specificity, the hierarchy, their usage and, to tie it all together, several exercises so you can train your knowledge and make sure you understand it before moving on. 🥳

playfulprogramming.com/posts/css-sp...

Let’s Be Specific: CSS Specificity Explained

Struggling with stubborn CSS rules? Learn how specificity works so you can write styles that apply the way you want, every time

playfulprogramming.com

1

Playful Programming @playfulprogramming.com · 15d

Selectors have a weight to them that we can quantify. This defines their hierarchy and allows you know ahead of time which selector can override another and when!

A visual of a code block showing different selectors being combined for greater CSS specificity.

1

Playful Programming @playfulprogramming.com · 15d

Selectors come in many varieties, all for different but important purposes. It's important to know which one to use for each case!

A table of different selectors and their usage

1

Playful Programming @playfulprogramming.com · 15d

📝New article alert!

Specificity in CSS is one of the most misunderstood and important concepts in the web dev space. It refers to the algorithm that browsers run when trying to decide which CSS declarations to apply to HTML elements.

1 1 2

Playful Programming @playfulprogramming.com · 28d

Our newest article covers all of that and much more. You'll also learn how to:

• Configure crawlers
• Optimize your images, loading speeds, interactivity and stability

Check it out below!

playfulprogramming.com/posts/seo-ne...

Quick SEO Guidelines for Your Next.js App

A practical guide to optimizing SEO in your Next.js application.

playfulprogramming.com

3

Playful Programming @playfulprogramming.com · 28d

📝 We have a new article!

While Next.js is inherently SEO friendly, making proper use of metadata, sitemaps and structured data can help boost your website’s visibility.

1 3

Playful Programming @playfulprogramming.com · Sep 8

Read the article in full here! See you then.

www.makingsoftware.com/chapters/col...

Making Software: What is a color space?

In which we answer every question you've ever had about digital color, and some you haven't.

www.makingsoftware.com

Playful Programming @playfulprogramming.com · Sep 8

📚 Join our book club this Thursday! 📚

In our book club we hang out and talk about an article — this week, we're discussing Dan Hollick's "What is a color space?" article!

Join our Discord and meet us on Thursday, September 11th, at 4:30 PST!

1 1

Playful Programming @playfulprogramming.com · Sep 3

📚 We have a very special book club this Thursday! 📚

For this week's book club — where we hang out and talk about a dev article — we're joined by the author of an awesome interactive blog post about "Big O": @samwho.dev

Join our Discord and discuss the article with us all!

3 4

Playful Programming @playfulprogramming.com · Aug 26

📚 Join our book club this Thursday! 📚

In our book club we hang out and talk about an article — this week, we're discussing @joshwcomeau.com 's "An Interactive Guide to SVG Paths" article!

Join our Discord and meet us on Thursday, August 28th, at 4:30 PST!

discord.gg/FMcvc6T

Book Club for the article is in our Discord in the "Code & Chat" Voice Channel

4

Playful Programming @playfulprogramming.com · Aug 19

Check the article below in full: leerob.com/reflections

Reflections on the React community | Lee Robinson

Some thoughts after working with React for 10 years.

leerob.com

Playful Programming @playfulprogramming.com · Aug 19

📚 Join our book club this Thursday! 📚

In our book club we hang out and talk about an article — this week, we're discussing Lee Robinson's "Reflections on the React community" article!

Join our Discord and meet us on Thursday, August 21st, at 4:30 PST!

1

Playful Programming @playfulprogramming.com · Aug 14

📚 Join our book club today! 📚

In our book club we hang out and talk about an article — this week, we're discussing Framework Field Guide's "Linters, Formatters, and Type-Checkers" article!

Join our Discord and meet us on today, August 14th, at 4:30 PST!

Playful Programming @playfulprogramming.com · Aug 13

Despite many articles on the topic, we cover monads from a JS developers' point of view, and try to finally explain what they are and how they work using a common language!

To read all about it - including the pre-requisites, visit the link below!

playfulprogramming.com/posts/monads...

Monads explained in JavaScript

You may have heard of a "monad" in programming spheres, especially in regards to functional programming terminology. So what on earth even IS a monad?

playfulprogramming.com

1

Playful Programming @playfulprogramming.com · Aug 13

📝 Once again, what are monads?

Our new article is out, and it covers a topic that's been explained many times, in many different ways: Monads!

Monads are a staple of functional programming but, for some, the resources available explaining them don't cut it.

1 2

Playful Programming @playfulprogramming.com · Aug 6

To visit our latest, click the link below.

playfulprogramming.com/posts/react-...

We will also be discussing it in our Book Club, tomorrow, at 4:30 PST! Come join us!

Let's Write React Hooks From Scratch

Ever wondered how React's hooks function under-the-hood? Let's write our own implementation and find out together.

playfulprogramming.com

1

Playful Programming @playfulprogramming.com · Aug 6

Let's Write React Hooks from Scratch, as the name implies, goes over the details of hooks' implementation. This is meant to be a companion piece to our larger blog post about the history of React, which you can find here! playfulprogramming.com/posts/react-...

The History of React Through Code

Learn React's history using pragmatic code samples and deep dives. This journey reveals the consistent design in React's APIs stemming from the very beginning.

playfulprogramming.com

1 1

Playful Programming @playfulprogramming.com · Aug 6

✍️ Our newest article is out!

Hooks are great tools that provide better code reusability and performance improvements to your codebase. In our new article, we teach you hooks work, from a functional standpoint, and also how to build them!

1 2

Playful Programming @playfulprogramming.com · Jul 23

To learn why unitless values are better, and why using REM can have adverse effects, visit out newest article below!

playfulprogramming.com/posts/you-sh...

You should be using unitless values for line-height

I've seen every value in the book used to set line-height values in CSS. This is why you should just use unitless.

playfulprogramming.com

3

Playful Programming @playfulprogramming.com · Jul 23

📝 New article: You should be using unitless values for line-height!

In our new blog post we lay out why unitless line height values are good for maintainability, and accessibility.

Unitless values inherit from the parent, ensuring it works on all value types.

1 1 3

Playful Programming @playfulprogramming.com · Jul 9

This doesn’t cover even half of what our new article has in store; we packed it full of diagrams, graphics, and tons of code samples.  If you wanna know how we got here, and where React is going, click the link below!

playfulprogramming.com/posts/react-...

The History of React Through Code

Learn React's history using pragmatic code samples and deep dives. This journey reveals the consistent design in React's APIs stemming from the very beginning.

playfulprogramming.com

7

Playful Programming @playfulprogramming.com · Jul 9

Server Components and the use hook extended React to the server: with unified data fetching, reactive server‑action forms and seamless server‑side rendering, it created a truly full‑stack UI model.

1 3

Playful Programming @playfulprogramming.com · Jul 9

Fiber, the rewrite before it, brought concurrency, prioritization, pausing and incremental rendering. It laid the groundwork for many other features and allowed for error boundaries!

1 3