Selectors That Depend on Layout

“Why the heck don’t we have ::first-column?”

I heard someone ask that the other day and it’s a valid question. I’d even take that question further by asking about ::nth-column() or whatever else relates to CSS columns. We have stuff like ::first-letter and ::first-line. Why not others?

There are many notable things missing from the “nth” crowd. Seven years ago, I wrote “A Call for ::nth-everything” and it included clear use cases like, perhaps, selecting the first …

The post Selectors That Depend on Layout appeared first on CSS-Tricks.

Read more

Doc Pop News Drop: GutenbergCloud and the Gutenberg Module for Drupal

Doc’s WordPress News Drop is a weekly report on the most pressing WordPress news. When the news drops, I will pick it up and deliver it right to you. At DrupalEurope, one of the largest Drupal conferences in the world, Per André Rønsen and Marco Fernandes announced a new Gutenberg module in the works. When …
The post Doc Pop News Drop: GutenbergCloud and the Gutenberg Module for Drupal appeared first on Torque.
Read more

7 Button Design Guidelines for WordPress That You Need to Know About

Creating button design guidelines might seem redundant. After all, you already know what website buttons look like, don’t you? So, do you really need help creating them? As common as buttons are, it should not be forgotten that they are a central part of web design with important functions: Buttons often make up the main …
The post 7 Button Design Guidelines for WordPress That You Need to Know About appeared first on Torque.
Read more

Apply a Filter to a Background Image

You can apply a filter to an entire element quite easily with the filter property. But what if you want to apply a filter just to the background of an element? It’s weirdly tricky.

There are CSS properties that specific to backgrounds, like background-blend-mode — but blending and filters are not the same thing. It sorta seems to be the reason we have backdrop-filter, but not quite. That does filtering as the background interacts with what is behind the …

The post Apply a Filter to a Background Image appeared first on CSS-Tricks.

Read more

Netlify

(This is a sponsored post.)

It’s always fun to watch developers discover Netlify for the first time. It’s so easy. One way to do it is to just literally drag and drop a folder onto them and it will be online. Even better, connect a Git repo to a Netlify site and tell it what branch you want to watch, then any commits to that branch will automatically go live, even running your site’s build as it does it. …

The post Netlify appeared first on CSS-Tricks.

Read more

10+ Best iPhone XS, XS Max & XR Mockups

The recent Apple keynote event unveiled a series of new iPhones. For designers, this means it’s time to update the old mockups on your websites, portfolios, and presentations. To help you out, we handpicked a set of iPhone XS mockups along with XS Max and XR mockups. Keeping your websites and portfolios up-to-date is an […]
Read more

20+ Best Landscape Lightroom Presets

Unlike taking portrait photos, capturing beautiful scenes in travel and landscape photos is quite difficult because you have to work with the natural lighting conditions. With the power of a landscape Lightroom preset, you can add incredible depth and personality to your landscape photos with just a few clicks! Whether you’re a professional photographer using […]
Read more

5th Annual Hacktoberfest Kicks Off Today, Updated Rules Require 5 Pull Requests to Earn a T-shirt

DigitalOcean, along with GitHub and new partner Twilio, are sponsoring the 5th annual Hacktoberfest. The event was created to encourage participants to make meaningful contributions to open source projects. Last year 31,901 completed the challenge, opening 239,164 pull requests in 64,166 repositories. In previous years, participants were required to submit (more…)
Read more