--- title: 'Hot New Web Dev - May 2022' url: 'https://www.worldoweb.co.uk/2022/hot-new-web-dev-may-2022' markdown: 'https://www.worldoweb.co.uk/2022/hot-new-web-dev-may-2022.md' date: '2022-05-31' description: 'Discover the latest web development technologies in May 2022, including the release of WordPress 6.0, web design and coding resources, and more.' taxonomy: category: - 'Web Development' - Security tag: - Resources - News - Magazine --- # Hot New Web Dev - May 2022 Published on May 31, 2022 by Tracy Ridge in [Web Development](https://www.worldoweb.co.uk/category/category:Web%20Development) [Security](https://www.worldoweb.co.uk/category/category:Security) Welcome to Web Dev May 2022 edition, featuring the latest web development technologies. This month features the latest release of WordPress 6.0. We have a look at a new tool available to create beautiful screenshots of your code. As usual, we will discuss all the latest and greatest resources in the coding and web design world. Table of contents 1. [WordPress 6.0 Released](#one) 2. [Web Design Resources](#two) 3. [Coding Resources](#three) 4. [Web Tool of the Month](#four) 5. [The Best of the Rest in May 2022](#five) ## WordPress 6.0 Released WordPress 6.0 was recently launched on the 19th Anniversary of its initial release. Codenamed Arturo after a jazz musician. The update boasts a thousand enhancements and bug fixes. ![white and black computer keyboard](https://www.worldoweb.co.uk/user/data/wp-content/uploads/2022/05/pexels-photo-12220444.jpeg)Photo by Markus Winkler on [Pexels.com](https://www.pexels.com/photo/white-and-black-computer-keyboard-12220444/)The Gutenberg editor which I must admit took me a while to get used to has many updates. You can now transfer styles across when changing one block to another. You can select text over multiple blocks and they can be also locked. Any new buttons you create will keep the styles. Under the hood, the page and post-loading speed are quicker. As a result execution times for navigation types and other queries are faster. Accessibility has had many improvements to help users who use assistive technologies. **Source** [WordPress.org](https://wordpress.org/news/2022/05/arturo/) ## Web Design Resources One of the key parts of web design is getting started and building a mockup to show a client. This process is the most efficient and cost-effective way to showcase your design. From here you can discuss and confirm features with the client. Of course, finding the right tool to create your mockups can be quite daunting with so many to choose from. Here are [27 free web mockup tools](https://dev.to/lambdatest/27-free-web-ui-mockup-tools-3hpa) to help with your search. Alt text is an important accessibility feature in web design. It gives those who use screen readers a description of the image in place of the image. One question about this text is [How long should alt text be?](https://css-tricks.com/just-how-long-should-alt-text-be/) There is no such limit required. The general consensus is that you should be clear and focused when writing a description. Web design is an ever-changing industry. If you tried it in the 90s you will either be in shock or thankful to see how it has changed. Websites are not made up of tables anymore. They are more intricate pieces of art that now allow for interactivity. You can incorporate animation and fonts etc. There are so many ways to build a website compared to the 90s. Do you go for a ready-made template and create your own static site. There are so many to pick from. Do you go for an all-in-one platform that builds and hosts your site such as Wix? Do you go for a full-blown WordPress installation? There are so many options available to suit both novices and professionals. There are so many options available to suit both novices and professionals. Whichever method you choose you will need to [brush up](https://www.crazyleafdesign.com/blog/how-to-brush-up-on-your-web-design-skills-this-2022/) on those web development skills. ## Coding Resources This year I embarked on creating a new portfolio. In the past, I used Jekyll Static Site Generator to create my portfolio as well as other static sites. This time around I wanted to try something new. I thought about using Nuxt which I looked into and definitely sounds promising. In my research, Astro kept popping up so I thought I would take a look at it. Astro is a static site generator for the modern web. It does not tie you down to using a certain ecosystem, such as Vue or React. One of Astro’s many positives is that you can bring in your own frameworks if you do so wish. If you have created Vue components in the past you can still use them in Astro. Currently, Astro 1.0 is in beta and so far my project is going well. Once my portfolio is up and running I will do a more comprehensive review. In the meantime take a look at what [Astro](https://astro.build/) can do. You will be amazed. ## Web Tool Of The Month More recently I have seen tools that allow you to create images of source code. I recently came across [Chalk.ist](https://chalk.ist/) which is a web application built using Vue. It supports many programming languages including JavaScript and TypeScript. It also has support for CSS, JSON, handlebars, Bash and many more. You can configure the theme, width, padding, window controls and line numbers. Once you have achieved the desired look and feel you can export it as a link, into your clipboard or as a PNG. Take a look at the following for an example. ![JavaScript Guessing Game](https://www.worldoweb.co.uk/user/data/wp-content/uploads/2022/05/chalklist-code.png)The code is taken from [JavaScript Guessing Game](https://www.worldoweb.co.uk/2021/easy-javascript-guessing-game-part-2) ## The Best of the Rest in May 2022 - [Whats That (Dev) Tool](https://www.smashingmagazine.com/2022/05/whats-that-dev-tool/) - [100 Project Ideas for Web Developers](https://dev.to/asheeshh/100-project-ideas-web-developers-2fn8) - [10 Free API Resources for Beginners](https://www.designyourway.net/blog/misc/5-handy-tips-for-website-localization/) - [Object Orientated Programming in JavaScript](https://www.freecodecamp.org/news/object-oriented-javascript-for-beginners/) - [How to Develop a Linux Application Part 1](https://dev.to/tmchuynh/how-to-develop-linux-applications-part-1-2c18) - [How to Develop a Linux Application Part 2](https://dev.to/tmchuynh/how-to-develop-linux-applications-part-2-7im) ### Share [X](https://x.com/intent/tweet?text=Hot%20New%20Web%20Dev%20%20-%20%20May%202022&url=https%3A%2F%2Fwww.worldoweb.co.uk%2F2022%2Fhot-new-web-dev-may-2022&via=worldoweb "Share on X") [Facebook](https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.worldoweb.co.uk%2F2022%2Fhot-new-web-dev-may-2022 "Share on Facebook") [Reddit](https://www.reddit.com/submit?url=https%3A%2F%2Fwww.worldoweb.co.uk%2F2022%2Fhot-new-web-dev-may-2022&title=Hot%20New%20Web%20Dev%20%20-%20%20May%202022 "Share on Reddit") [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.worldoweb.co.uk%2F2022%2Fhot-new-web-dev-may-2022 "Share on LinkedIn") [Bluesky](https://bsky.app/intent/compose?text=Hot%20New%20Web%20Dev%20%20-%20%20May%202022%20https%3A%2F%2Fwww.worldoweb.co.uk%2F2022%2Fhot-new-web-dev-may-2022 "Share on Bluesky") [Email](mailto:?subject=Hot%20New%20Web%20Dev%20%20-%20%20May%202022&body=https%3A%2F%2Fwww.worldoweb.co.uk%2F2022%2Fhot-new-web-dev-may-2022 "Share via email") #### Tags [ Resources](https://www.worldoweb.co.uk/tag/tag:Resources) [ News](https://www.worldoweb.co.uk/tag/tag:News) [ Magazine](https://www.worldoweb.co.uk/tag/tag:Magazine) ##### Next [ ← Super Linux Guide To Web Design 2022 ](https://www.worldoweb.co.uk/2022/super-linux-guide-to-web-design-2022) OR ##### Previous [ Hot New Web Dev - April 2022 → ](https://www.worldoweb.co.uk/2022/hot-new-web-dev-april-2022) --- ## Navigation - Previous: [Super Linux Guide To Web Design 2022](https://www.worldoweb.co.uk/2022/super-linux-guide-to-web-design-2022.md) - Next: [Hot New Web Dev - April 2022](https://www.worldoweb.co.uk/2022/hot-new-web-dev-april-2022.md)