Skip to main content
Gutenberg 14.1 Improves Navigation Block, Adds Experimental Zoomed-Out View

Gutenberg 14.1 Improves Navigation Block, Adds Experimental Zoomed-Out View

Gutenberg 14.1 was released today with some much-needed improvements to the Navigation block, which still seems to be on rocky journey towards better usability. Contributors are moving functionality around the Navigation interface to figure out where it works best. The menu selector has been removed from the Navigation block toolbar in favor of placement in the inspector sidebar. This was done to reduce the crowding in the block toolbar, which previously stitched together disconnected actions, hampering the user experience. Automattic-sponsored Gutenberg contributor Carlos Bravo published a gif demonstrating the moved menu: This release also adds new features like a select icon for the Navigation block’s menu button. It’s easy to see how the interface can get crowded fast when adding new capabilities. This particular enhancement was added to the block inspector under Display. If this method works well, contributors may look into adding the ability to add custom icons next. video source: Gutenberg PR #43674 – Add select icon for Navigation Block’s menu button The 14.1 release also continues the effort of consolidating design tools, adding things like typography and spacing support to Avatar, Button, Avatar, Buttons, Categories List, Comments Links, Latest Posts blocks, and more. This enables easier customization in the editor without the user having to resort to custom CSS. Earlier this month we published an overview of the latest progress on a distraction-free mode for the editor, which included a brief mention of the experimental zoomed-out view that is now available for the site editor. It puts the focus on building and composing patterns, allowing users to move sections around without affecting the inner blocks. Users can build custom templates without worrying about messing up inner blocks. It’s not on by default but can be enabled under the “Experiments” menu in the Gutenberg plugin. Locked patterns with better content locking is also available in 14.1. Features like duotone filters, block alignment, and resizing are now disabled on content-locked blocks, making it easier to keep users from changing the block beyond recognition. A few other highlights in 14.1 include the following: Box-shadow support added to theme.json Block-based template parts now available for classic themes Four new filters to edit the global styles data in PHP Smoother multi-selection experience Improved block transforms organization with Paragraph, Heading, List and Quote now shown in a separate menu subgroup Check out the full changelog in the 14.1 release post for a more detailed look at everything that has changed. This will be the last version of Gutenberg that will merge into WordPress 6.1, which is expected in November.  » Read More

Like to keep reading?

This article first appeared on wptavern.com. If you'd like to continue this story, follow the white rabbit.

View Full Article
Laravel Vs Symfony: Answering All The Questions To Make a Better Choice

Laravel Vs Symfony: Answering All The Questions To Make a Better Choice

#Dev
How to Channel a Daily Vision into a 20-Year Photography Career

How to Channel a Daily Vision into a 20-Year Photography Career

#Silicon Valley
WordPress Punts Locally Hosted Fonts for Legacy Default Themes to 6.2 Release

WordPress Punts Locally Hosted Fonts for Legacy Default Themes to 6.2 Release

#Web Design
Fresh For Designers

Is the Dynamic Island plain stupid or the next revolutionary UX pattern?

#All

Let's talk about Web Design

The term "web design" describes the layout of websites that are seen online. Instead of software development, it typically refers to the user experience components of website development. The primary focus of web design used to be creating websites for desktop browsers, but from the middle of the 2010s, designing for mobile and tablet browsers has gained significance.

What is a webdesigner?

A web designer is responsible for a website's look, feel, and occasionally even content. For instance, appearance refers to the colors, text, and images utilized. Information's organization and categorization are referred to as its layout. An effective web design is user-friendly, aesthetically pleasing, and appropriate for the target audience and brand of the website. Many websites focus on keeping things simple so that viewers won't be distracted or confused by additional information and functionality. Removing as many potential sources of user annoyance as possible is a crucial factor to take into account because the foundation of a web designer's output is a site that gains and nurtures the trust of the target audience.

Responsive and adaptive design are two of the most popular techniques for creating websites that function well on both desktop and mobile devices. In adaptive design, the website content is fixed in layout sizes that correspond to typical screen sizes, while in responsive design, information moves dynamically based on screen size. A layout that is as consistent as possible across devices is essential to preserving user engagement and trust. Designers must be cautious when giving up control of how their work will appear because responsive design can be challenging in this area. While they might need to diversify their skill set if they are also in charge of the content, they will benefit from having complete control over the final output.

What does a web design worker do?

A web designer is a member of the IT industry who is in charge of planning a website's structure, aesthetic appeal, and usability.

A skilled site designer must possess both technical know-how and creative graphic design abilities. They must be able to envision how a website will seem (its graphical design) and how it will operate (conversion of a design into a working website).

The terms web developer and designer are frequently used interchangeably but erroneously. In order to construct more complex interactions on a website, such as the integration with a database system, a web developer is frequently more likely to be a software developer who works with programming languages.