Monthly Archives: June 2018

Thinking and building in React involves approaching application design in chunks, or components. Each part of your application that performs an action can and should be treated as a component. In fact, React is component-based and, as Tomas Eglinkas recently wrote, we should leverage that concept and err on the side of splitting any large chunking into smaller components.

Splitting inevitably introduces component hierarchies, which are good because they bloated components and architecture. However, things can begin to …

The post Handling Errors with Error Boundary appeared first on CSS-Tricks.

(This is a sponsored post.)

This tutorial will show you how to add realtime comments to a Gatsby blog. You will use Node and Express to create a simple backend, allowing users to add and view comments instantly.

Direct Link to Article — Permalink…

The post ​Add real-time comments to a Gatsby blog appeared first on CSS-Tricks.

Keith J. Grant:

I want to look at three key characteristics of CSS that set it apart from conventional programming languages: it’s resilient; it’s declarative; and it’s contextual. Understanding these aspects of the language, I think, is key to becoming proficient in CSS.

1. Like HTML, unknown or slightly broken CSS doesn’t stop a site in its tracks.
2. You write something you want to happen in CSS, it happens, and a bunch of related things may happen to. I like Keith’s

…

The post Resilient, Declarative, Contextual appeared first on CSS-Tricks.

What I mean by “CSS images” is images that are created using only HTML elements and CSS. They look as if they were SVGs drawn in Adobe Illustrator but they were made right in the browser. Some techniques I’ve seen used are tinkering with border radii, box shadows, and sometimes clip-path. You can find a lot of great examples if you search daily css images” on CodePen. I drew some myself, including this Infinity Gauntlet, but in …

The post Drawing Images with CSS Gradients appeared first on CSS-Tricks.