FUIF: Responsive Images by Design

Jon Sneyers:

One of the main motivations for FUIF is to have an image format that is responsive by design, which means it’s no longer necessary to produce many variants of the same image: low-quality placeholders, thumbnails, many downscaled versions for many display resolutions. A single file, truncated at different offsets, can do the same thing.

FLIF isn’t anywhere near ready to use, but it’s a fascinating idea. I love the idea that the format stores the image data …

The post FUIF: Responsive Images by Design appeared first on CSS-Tricks.

Read more

15+ Christmas Photoshop Brushes, Actions & Text Effects

Christmas is a busy time of year for everyone, not least designers! To help ease your workload, we’ve handpicked a collection of Christmas-themed Photoshop brushes, actions, and text effects for creating all kinds of seasonal designs. With these add-ons, you’ll be able to make your own unique Christmas cards, social media posts, website banners, posters, […]
Read more

30+ Best Cursive & Script Fonts

If you’re looking for a different type of a font to make your design stand out, a cursive font can be a great choice. Cursive and script fonts aren’t new, but they’re a less common choice for many designers. This gives you a chance to use cursive fonts to add some originality to your next […]
Read more

A Practical Guide to Developing a WordPress Plugin

Lots of articles online discuss the ‘sexy’ side of development, such as coding strategies, framework choices, and other ‘fun’ elements. The more practical side of planning and developing WordPress solutions is less on display, although it can be just as interesting (and is absolutely vital). For example, honing and refining an idea into a laser-focused …
The post A Practical Guide to Developing a WordPress Plugin appeared first on Torque.
Read more

CSS Grid in IE: Duplicate area names now supported!

Autoprefixer is now up to version 9.3.1 and there have been a lot of updates since I wrote the original three-part CSS Grid in IE series — the most important update of which is the new grid-areas system. This is mostly thanks to Bogdan Dolin, who has been working like crazy to fix loads of Autoprefixer issues. Autoprefixer’s grid translations were powerful before, but they have gotten far more powerful now!

Article Series:

  1. Debunking common IE Grid misconceptions
  2. CSS

The post CSS Grid in IE: Duplicate area names now supported! appeared first on CSS-Tricks.

Read more

You might not need a loop

Ire Aderinokun has written a nifty piece using loops and when we might consider replacing it with another method, say .map() and .filter(). I particularly like what she has to say here:

As I mentioned earlier, loops are a great tool for a lot of cases, and the existence of these new methods doesn’t mean that loops shouldn’t be used at all.

I think these methods are great because they provide code that is in a way self-documenting. When …

The post You might not need a loop appeared first on CSS-Tricks.

Read more

Christmas Graphic Design: 5 Tips for Classy Festive Design

From holiday cards to party invitations, to sales promotions, to baubles on a website design. It’s time to start thinking about ways to spruce up your graphic designs for the Christmas season! The trick is creating something that looks classy and festive, not gaudy and overdone. Here are five tips to get you on your […]
Read more

10 Most Common Mistakes Beginner Marketers are Always Doing

Mastering content marketing may not prove challenging, but mistakes can be costly. Beginners, in particular, have to keep an eye out and try not to take the wrong step. To help you better understand the challenges ahead, we’ve highlighted the ten most common mistakes and their corresponding solutions. Creating duplicate content Every beginner marketer feels …
The post 10 Most Common Mistakes Beginner Marketers are Always Doing appeared first on Torque.
Read more

The Current State of Styling Scrollbars

If you need to style your scrollbars right now, one option is to use a collection of ::webkit prefixed CSS properties.

See the Pen CSS-Tricks Almanac: Scrollbars by Chris Coyier (@chriscoyier) on CodePen.

Sadly, that doesn’t help out much for Firefox or Edge, or the ecosystem of browsers around those.

But if that’s good enough for what you need, you can get rather classy with it:

See the Pen Custom Scrollbar styling by Devstreak (@devstreak) …

The post The Current State of Styling Scrollbars appeared first on CSS-Tricks.

Read more