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.

Read more

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.
Read more

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.

Read more

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.

Read more

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 […]
Read more

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.
Read more

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.

Read more

Forms that Move With You with Wufoo

I’ve been into the idea of JAMstack lately. In fact, it was at the inaugural JAMstack_conf that I gave a talked called The All-Powerful Font-End Developer. My overall point there was that there are all these services that we can leverage as front-end developers to build complete websites without needing much help from other disciplines — if any at all.

Sometimes, the services we reach for these days are modern and fancy, like a real-time database solution with authentication … Read article

The post Forms that Move With You with Wufoo appeared first on CSS-Tricks.

Read more

Multiple Background Clip

You know how you can have multiple backgrounds?

body {
  background-image: 
    url(image-one.jpg),
    url(image-two.jpg);
}

That’s just background-image. You can set their position too, as you might expect. We’ll shorthand it:

body {
  background: 
    url(image-one.jpg) no-repeat top right,
    url(image-two.jpg) no-repeat bottom left;
}

I snuck background-repeat in there just for fun. Another one you might not think of setting for multiple different backgrounds, though, is background-clip. In this linked article, Stefan Judis notes that this unlocks some … Read article

The post Multiple Background Clip appeared first on CSS-Tricks.

Read more

How to Test Usability of a Website Before Launch

Websites have become more important than ever as the Internet has continued to play an increasingly important role in our everyday lives. One of the biggest mistakes companies make when it comes to using a website is failing to conduct adequate usability tests before launching. Conducting tests to figure out where you’re having problems You …
The post How to Test Usability of a Website Before Launch appeared first on Torque.
Read more