Peter Tasker on creating blocks right now:

It’s fairly straightforward these days to get set up with the WP CLI ‘scaffold’ command. This command will set up a WordPress theme or plugin with a ‘blocks’ folder that contains the PHP and base CSS and JavaScript required to create a custom block. The only drawback that I noticed is that the JavaScript uses the old ES5 syntax rather than modern ESNext. Modern JavaScript allows us to write more concise

… Read article “How to Create Custom WordPress Editor Blocks in 2020”

The post How to Create Custom WordPress Editor Blocks in 2020 appeared first on CSS-Tricks.

WordPress 5.4 was released not so long ago and, along with other improvements and bug fixes, it introduced a feature called Block Variations. I had a chance to use it on one of my recent projects and am so pleasantly surprised with how smart this feature is. I actually think it hasn’t received the attention it deserves, which is why I decided to write this article.

What is a Block Variation?

Block Variations allow developers to define instances of existing … Read article “How to Use Block Variations in WordPress”

The post How to Use Block Variations in WordPress appeared first on CSS-Tricks.

MDX is a killer feature for things like blogs, slide decks and component documentation. It allows you to write Markdown without worrying about HTML elements, their formatting and placement while sprinkling in the magic of custom React components when necessary.

Let’s harness that magic and look at how we can customize MDX by replacing Markdown elements with our own MDX components. In the process, we’ll introduce the concept of “shortcodes” when using those components.

As a heads up, the code … Read article “Working With MDX Custom Elements and Shortcodes”

The post Working With MDX Custom Elements and Shortcodes appeared first on CSS-Tricks.

The accessibility trick is using <input type="range"> and wrestling it into shape with CSS rather than giving up and re-building it with divs or whatever and later forget about accessibility.

The most clever example uses an angled linear-gradient background making the input look like a volume slider where left = low and right = high.

CodePen Embed Fallback

Direct Link to Article — Permalink… Read article “Creating an Accessible Range Slider with CSS”

The post Creating an Accessible Range Slider with CSS appeared first on CSS-Tricks.

Ganguly had earlier announced a donation of Rs 50 lakh worth rice for the sufferers of COVID-19, which has left the world in disarray.

But with increased focus on social distancing and personal hygiene to contain the spread of the virus, the sport stares at a changing landscape.

In this webinar, the tax lawyers of Minden Gross LLP will provide a practical overview of income splitting strategies available today. This webinar will review in detail the various attribution rules devised to thwart income planning, and guide participants to strategies still available for safe and effective income splitting.

Available Sessions for this Seminar:

ipwebinar.aspx?tab=1&smid=1669, May 12, 2015

Join the tax lawyers of Dentons Canada LLP for an instructive overview and update of the tax rules in respect of foreign affiliates. Cross border holdings and debt require special consideration in tax filing, and Canada’s foreign affiliate tax regime has undergone some significant changes in the past couple of years. This webinar will examine the basics of Canada’s foreign affiliate taxation regime - as it applies to small and medium enterprises (SMEs) – who already carry an international presence, or are considering expansion abroad.

Available Sessions for this Seminar:

ipwebinar.aspx?tab=1&smid=1707, January 21, 2015

Available Sessions for this Seminar:

ipwebinar.aspx?tab=1&smid=1460, December 29, 2014

Leganes coach Javier Aguirre had said that the Spanish football season will re-start on June 20.

I re-learned an old design lesson from the humble toilet flusher. As new features are added to existing technologies, careful design is required to make their usage clear.

A key part of my job for the past year has been contributing to design systems. To benefit from those contributions though, users need to be able to find them. That’s why it’s not only the content of a design system that’s important but also its usability. Design systems should be easy to navigate, especially […]

The responsive images spec is fantastic and covers a lot of use cases, but most of the time you’ll only need one: resolution switching using the `srcset` and `sizes` attributes.

Lately I've been using variables to plan out pure CSS timelines for complex animations. I built an SVG and CSS Rube Goldberg machine to put this technique to the test!

If you’ve ever had to review a PR where the only code change is adding a wrapper element, you’ll be familiar with the pain of reviewing what appears to be a massive change but is actually trivial.

In The Design Systems We Swim In, Ethan Marcotte asked a thoughtful question about design systems: Does the system you work with allow you to control the process of your work, to make situational decisions? Or is it simply a set of rules you have to follow? Ethan makes the case that many design systems […]

As the number of asymptomatic Covid-19 patients is increasing across the country, two professors from the Indian Institute of Technology (IIT), Goa, are in the process of devising a rapid test to detect such cases.