My Gutenberg Experience: Part Three

It’s been about four months since the last time I shared my experience with Gutenberg. In that time, there have been sixteen releases. The more I use Gutenberg, the more nuances I encounter. Disruptive Writing Flow When writing a post, I press the enter key at the end of a (more…)
Read more

Gutenberg 3.6 Adds New Icons for All Core Blocks

Gutenberg 3.6 was released today, featuring a design overhaul for the core icons in the block inserter. The blocks now use Material icons, which offer more options than the Dashicons. This update also improves the icons for the core embeds, which now display the corresponding icon for each embed service. (more…)
Read more

Firefox Multi-Account Containers

It’s an extension:

Each Container stores cookies separately, so you can log into the same site with different accounts and online trackers can’t easily connect the browsing.

A great idea for a feature if you ask me. For example, I have two Buffer accounts and my solution is to use different browsers entirely to stay logged into both of them. I know plenty of folks that prefer the browser version of apps like Notion, Front, and Twitter

The post Firefox Multi-Account Containers appeared first on CSS-Tricks.

Read more

Lesser Known but High-Quality Yoast SEO Alternatives for WordPress SEO

Search engines play an extremely crucial role in bringing organic traffic, leads, and customers for any website. A high-ranking page can easily pull in thousands of visitors at any given date. And that’s why site owners are constantly on the lookout for ways to improve their website’s SEO rankings. However, for WordPress site owners, SEO optimization …
The post Lesser Known but High-Quality Yoast SEO Alternatives for WordPress SEO appeared first on Torque.
Read more

Seriously, though. What is a progressive web app?

Amberley Romo read a ton about PWAs in order to form her own solid understanding.

“Progressive web app” (PWA) is both a general term for a new philosophy toward building websites and a specific term with an established set of three explicit, testable, baseline requirements.

As a general term, the PWA approach is characterized by striving to satisfy the following set of attributes:

  1. Responsive
  2. Connectivity independent
  3. App-like-interactions
  4. Fresh
  5. Safe
  6. Discoverable
  7. Re-engageable
  8. Installable
  9. Linkable

Direct Link to ArticlePermalink

The post Seriously, though. What is a progressive web app? appeared first on CSS-Tricks.

Read more

Level up your .filter game

.filter is a built-in array iteration method that accepts a predicate which is called against each of its values, and returns a subset of all values that return a truthy value.

That is a lot to unpack in one statement! Let’s take a look at that statement piece-by-piece.

  • “Built-in” simply means that it is part of the language—you don’t need to add any libraries to get access to this functionality.
  • “Iteration methods” accept a function that are run against each

The post Level up your .filter game appeared first on CSS-Tricks.

Read more

30+ Best High-Quality Photoshop & Illustrator Brushes

We’ve put together a collection of our favorite, high-quality Photoshop and Illustrator brushes, to help you put the perfect finishing touch on your next design. A Photoshop or Illustrator brush is, at its simplest, exactly what you’d expect — a way to draw a particular line or style in a Photoshop or Illustrator document. Click, drag, […]
Read more

Working with refs in React

Refs make it possible to access DOM nodes directly within React. This comes in handy in situations where, just as one example, you want to change the child of a component. Let’s say you want to change the value of an <input> element, but without using props or re-rendering the whole component.

That’s the sort of thing refs are good for and what we’ll be digging into in this post.

How to create a ref

createRef() is a new API …

The post Working with refs in React appeared first on CSS-Tricks.

Read more