7 Tips for Sending Better Email Newsletters

Email marketing is one of the top ways to communicate with an audience. You can inform users with stories and information, send discounts and coupons to encourage shopping, and help direct traffic back to your website. But not every email newsletter is created equally. My inbox is just as full of poorly designed messages as […]

Continue reading

React’s Experimental Suspense API Will Rock for Fallback UI During Data Fetches

Most web applications built today receive data from an API. When fetching that data, we have to take certain situations into consideration where the data might not have been received. Perhaps it was a lost connection. Maybe it was the endpoint was changed. Who knows. Whatever the issue, it’s the end user who winds up with a big bag of nothing on the front end.

So we ought to account for that!

The common way of handling this is … Read article

The post React’s Experimental Suspense API Will Rock for Fallback UI During Data Fetches appeared first on CSS-Tricks.

Continue reading

Well, Typetura seems fun

I came across this update from Scott Kellum’s and Sal Hernandez’s project Typetura via my Medium feed this morning, and what a delight?!

(Also, wow, I really have been out of the game for a minute.)

This is quite exciting! … Read article

The post Well, Typetura seems fun appeared first on CSS-Tricks.

Continue reading

Nominate Your Favorite Plugins for Plugin Madness 2019

Is there a WordPress plugin you can’t live without? An awesome tool that helps you promote your site or optimize images? Perhaps there’s an administrative plugin that’s saved you hours of work? Now is the time to say thanks! Torque’s Plugin Madness 2018 is taking nominations from now until March 1st. Nominate your favorite plugins …
The post Nominate Your Favorite Plugins for Plugin Madness 2019 appeared first on Torque.

Continue reading

How do you figure?

Scott O’Hara digs into the <figure> and <figcaption> elements. Gotta love a good ol’ HTML deep dive.

I use these on just about every blog post here on CSS-Tricks, and as I’ve suspected, I’ve basically been doing it wrong forever. My original thinking was that a figcaption was just as good as the alt attribute. I generally use it to describe the image.

<figure>
  <img src="starry-night.jpg" alt="">
  <figcaption>The Starry Night, a famous painting by Vincent van Gogh</figcaption>
</figure>

I intentionally … Read article

The post How do you figure? appeared first on CSS-Tricks.

Continue reading

Using Artificial Intelligence to Generate Alt Text on Images

Web developers and content editors alike often forget or ignore one of the most important parts of making a website accessible and SEO performant: image alt​ text. You know, that seemingly small image attribute that describes an image:

​​​<img src="/cute/sloth/image.jpg" alt="A brown baby sloth staring straight into the camera with a tongue sticking out." >

📷 Credit: Huffington Post

If you regularly publish content on the web, then you know it can be tedious trying to come up with descriptive … Read article

The post Using Artificial Intelligence to Generate Alt Text on Images appeared first on CSS-Tricks.

Continue reading

30+ Best Photoshop Brushes of 2019

Today, we’re bringing you a collection of the best Photoshop brushes for creating amazing designs like a pro without having to break the bank. We know for a fact that designers love to collect all kinds of brushes. That’s why we made sure to include a mix of Photoshop brushes in this post that will […]

Continue reading

30+ Best Photoshop Brushes of 2019

Today, we’re bringing you a collection of the best Photoshop brushes for creating amazing designs like a pro without having to break the bank. We know for a fact that designers love to collect all kinds of brushes. That’s why we made sure to include a mix of Photoshop brushes in this post that will […]

Continue reading

Your USP: What it is and How to Make it Stand Out

Unique selling propositions, or USPs, are the way companies show how they are better than their competition. In the past, businesses would do this by advertising on television or the radio with the hope of convincing the viewer to choose them. In 2018, the majority of businesses are online. There is serious competition in this area, …
The post Your USP: What it is and How to Make it Stand Out appeared first on Torque.

Continue reading

The Many Ways to Change an SVG Fill on Hover (and When to Use Them)

SVG is a great format for icons. Vector formats look crisp and razor sharp, no matter the size or device — and we get tons of design control when using them inline.

SVG also gives us another powerful feature: the ability to manipulate their properties with CSS. As a result, we can make quick and simple interactions where it used to take crafty CSS tricks or swapping out entire image files.

Those interactions include changing color on hover states. It … Read article

The post The Many Ways to Change an SVG Fill on Hover (and When to Use Them) appeared first on CSS-Tricks.

Continue reading