daisyUI – Level up your layouts with this set of components for Tailwind CSS.
Create Figma Plugin – Want to create your own Figma plugins? This comprehensive toolkit will get you off to a fast start.
Learn CSS – Brush up on the fundamentals of CSS with this evergreen course and reference.
Signflow Free WordPress Theme – A free startup & technology WordPress theme that could be used for building startup web sites, web services, businesses, internet services, and so much more.
Unveiling Material You – This update to Material Design will transform both Android and Google.
Euismod – Get a grasp of CSS Grid with this simple online course.
Sena – Free MultiPurpose WordPress Theme – An easy to use versatile and free multi-purpose WordPress that will help you create beautiful multipurpose business websites.
Today marks the 18th anniversary of WordPress’ launch, a day that I fondly refer to as WordPress’ birthday, which means WordPress is 6,575 days old. To celebrate another turn around the sun, the community has had parties, we have shared data, and we have told our story.
Since our last birthday we developed our 40th release and now also support over 40% of the web. So it seems fitting that this year’s celebration should be a list of 40 milestones that have helped us get there.
Beginning with WordPress 5.8, you can colorize your image and cover blocks with duotone filters! Duotone can add a pop of color to your designs and style your images to integrate well with your themes.
Filters? Like on Instagram?
Duotone doesn’t work in quite the same way as Instagram filters. Whereas Instagram filters do color adjustments (color levels/curves and sometimes a vignette for the photo editors among us), the new duotone filters entirely replace the colors of your images.
You can think of the duotone effect as a black and white filter, but instead of the shadows being black and the highlights being white, you pick your own colors for the shadows and highlights.
For example, a grayscale filter can be created by selecting black and white as shadow/highlight colors, and a sepia filter by choosing brown and tan.
Analogous colors can add a subtle effect and work well for cover backgrounds where the overlaid text still needs to stand out.
Much more vibrant and interesting effects can be made with complementary colors.
How Do I Add Duotone Filter?
The duotone effect works best on high-contrast images, so start with an image with a lot of large dark and light areas. From the block toolbar, use the filter button and choose a preset:
You can also choose colors from your theme’s palette, or a custom color of your choice.
In addition to the image block, duotone can be applied to both images and video in the cover block.
Duotone
Will This Overwrite Images in My Media Library?
Images and videos in your media library will remain unchanged. The duotone effect works using SVG filters and the CSS filter property, so the image or video is never modified in your library. On the one hand, this means that you can apply a filter to an image that you link to that doesn’t exist in your media library. On the other hand, this means that the filter won’t show up in RSS feeds or places that use the image URL directly.
Can I Add Duotone Colors to Blocks or Themes That I Develop?
The API for adding duotone colors to blocks is experimental in Gutenberg v10.6. Still, the documentation for using it in your own blocks can be found and will be updated under Supports Color in the Block Editor Handbook. Themes can add duotone presets with theme.json. More information can be found under Global Settings & Styles Presets in the Block Editor Handbook.
Try it Out Now Using the Gutenberg plugin
The duotone feature was released in version 10.6 of the Gutenberg plugin, so you can try it out now prior to the WordPress 5.8 release in July.
Thanks to @joen and @mkazfor assistance writing and reviewing this post.
Tensor 3.0.0
- Extension now compatible with PHP 7.4 and 8.0+
- Drop extension support for PHP 7.2 and 7.3
- Tensors only compute floating point operations
- Matrix returns vector on row access
- Removed deprecated methods
protobuf 3.17.1
* Fixed PHP memory leaks and arginfo errors. (#8614)
* Fixed JSON parser to allow multiple values from the same oneof as long as
all but one are null.
