by Mark | Apr 30, 2024 | AI and Machine Learning, CSS3, Industry News, Web Accessibility, Web Design Trends, WWW Desktop View
As April is ending, I thought it would be a good time to review articles of interest which I have been reviewing this month (and articles members and colleagues have made me aware of). As readers know, web technologies are always evolving. This is that keeps me interested in all things web (and has for well over three decades).
Accessibility
New software has been developed to enable blind and low vision users to create interactive, accessible charts. The software is called Umwelt and was created by researchers at MIT and University College London. The software is designed for screen reader users.
AI
If you happen to own an iPhone (and it is newer than 5 years old with iOS 17), there are AI features available to you now. These include cinematic video editing (subject can be detected and focus can be changed depending on the action). You can also use the Live Text feature to copy text from images. Yes, this has been around for a while, but has been significantly improved. You can also create stickers from your own photos. Obviously a lot more is coming with IOS 18.
A recent study also revealed a surge in the use of AI to enhance video accessibility. Wistia’s State of Video report is summarized in the linked article. Interestingly, part of the study also found that shorter videos are not necessarily that much more engaging. We encourage you to read the summary and the full report.
CSS
This article on CSS trends for 2024 is most interesting. It is amazing how much continues to evolve with this technology. From new color systems to subgrids to cascade layers, there are many changes happening. Frameworks such as Tailwind CSS, Chakra UI also continue to evolve. Readers are encouraged to check out the above linked article.
Web Design trends
Here are some web design trends emerging in 2024. These include: denser, richer graphics, AI generated designs, micro interactions, kinetic typography and much more continue to evolve.
WordPress
Given that this technology supports roughly 38% of websites, we thought readers might want to know what is new for developers with the release of version 6.5. For those who do not know, the next version (6.6) will drop support for older versions of PHP (7.0 and 7.1). The WordPress Playground continues to evolve and some enhancements are discussed in this article as well.
Those are some of the articles we found interesting in the past month. We are curious what you found interesting as well. Please let us know in the comments.
by Mark | Mar 31, 2024 | AI and Machine Learning, CSS3, HTML5, JavaScript, State of the Web, Web Accessibility, Web Security, WWW Desktop View
Spring is officially here (in the northern hemisphere). A lot has been happening both in the organization and the world of web technologies. Readers of this blog know we are in the midst of helping many states with their SkillsUSA web design and development competitions. Winners at the state level are then eligible to compete at the national level in June (in Atlanta). We are glad to be helping these states.
For those who suspect, the featured image was created with AI (Adobe Firefly in this case). Readers of this blog will also recall that all links will open in a new browser tab.
Web Technology Updates
- Accessibility trends – we found this overview of 7 accessibility trends to watch in 2024 an interesting read. Web accessibility testing will become more automated with greater reliance on AI (Artificial Intelligence). Personalized accessibility solutions and more integration of voice technology also top the list. We encourage you to review the article to learn more about these trends.
- CSS – Chris Coyier created a bookmarkable guide to a list of recent enhancements to CSS. We like the overview of these along with notes about when you should care and what browsers support these capabilities now. Working examples (which allow you to also view the code) are highly useful and helpful. Emphasis is on container queries, the :has( ) pseudo selector, View transitions, anchor positioning, and much more. We encourage readers to review and reference his article.
- Frontend Trends – Diego Petrecolla provided a solid overview of frontend trends for early 2024. This includes a nice overview of BFF (Backend for the Frontend) patterns, PWA (Progressive Web Apps), JavaScript and more.
- Web Development Trends – We found this informative article useful as it combines an overview of where these technologies came from (HTML, CSS, JavaScript) along with where they are going (use of AI in web development, voice search optimization, Web Assembly, and cyber security measures). Definitely a lot to think about as we move into the second quarter of 2024.
- Web Design Trends – Christopher Lara reviews 24 web design trends (since it is 2024, after all). From scrolling animations to claymorphism to dark mode to frosted glass effects to voice activated interface, there is a lot to unpack in this article.
- Cybersecurity trends of 2024 – Vera Cooper (Splashtop) provides an overview of many cybersecurity trends which are emerging in 2024. AI and machine learning top her list. IoT is a close second. Phishing attacks, mobile security, and much more are discussed in her article as well.
These are some of the articles/ trends we are watching evolve in 2024. What additional trends do you see? Let us know in the comments. We always look forward to insights from our members.
by Mark | Feb 29, 2024 | CSS3, Social Media, WWW Desktop View
February (and a leap year no less). One extra day. Seems like an appropriate time to post my monthly desktop view. For those who already suspect, the featured image was generated by AI (Adobe Firefly in this case).
This is what we are reading and thinking about these days. As always, we look forward to your comments and insights.
Here are some articles we found interesting.
- CSS – Heydon Pickering posted a rather humorous (and insightful) article concerning utility-first CSS. Assuming readers are familiar with CSS, the article goes into great depth what seems to be happening with some frameworks. Not in a good way at all. But, a rather interesting read. Let us know what you think in the comments.
- In another article concerning CSS, Stephanie Stimac reviews the CSS property “field sizing.” Although this feature is a trial (you need to set the Experimental Web Platform features flag in Chrome or Edge), it seems to make a lot of sense. Particularly if you are trying to fill out a form and want the input field size to adjust with the content.
- Our colleague, Aaron Gustafson, posted an interesting article a couple months ago concerning sharing articles on social media without allowing them to be tracked. Lots of insightful information and useful examples. We really encourage you to review his article.
- For those teaching semantic markup, we thought you might find this article concerning the UX of HTML most interesting. Often, it is how we present a topic, isn’t it?
Ok, a relatively short synopsis of what we found interesting this month. Admittedly, there is much more we could discuss (and will in coming months).
2024 competitions starting soon
Right now, we are focused on our state and national web design and development competitions. They start in early March in conjunction with SkillsUSA. As always, we focus on helping competitors better understand why it is important to understand the problems they are being asked to solve for a particular business. They then need to provide an accessible, semantic, responsive, and workable solution for the client. This is what the judges will then review.
by Mark | Jan 29, 2024 | CSS3, HTML Web Components, JavaScript, WWW Desktop View
Web Professionals Global hopes that 2024 is off to a great start for everyone reading this post. It is hard to believe January is almost concluded. WOW! That being said, it is time to catch up on various aspects of what we have been investigating recently. Although we don’t specifically address AI in this post, the featured image was generated with Adobe Firefly. Let us know what you are keen to learn more about.
Here are our areas of focus for January:
- accessibility (always an important topic),
- CSS,
- HTML web components
- JavaScript
Accessibility
We noted the UK government is making changes to the design system to meet WCAG 2.2. For those needing a bit of a refresher – Web Content Accessibility Guidelines 2.2 was published in October, 2023 by the W3C. Many components are affected by this change (ranging from back links and breadcrumbs to tags). There are also changes to patterns to ask users to supply information and patterns to help users do things.There are also page pattern changes. We encourage you to review the article to learn more. Yes, this is the UK, but we are expecting these enhancements will ripple worldwide relatively soon.
CSS
Stephanie Stimac provides a great introduction to CSS media query for scripting support. With the release of Chrome 120 (November, 2023), this support is now available. “Simply, this media query allows you to test whether scripting language are available and tailor page content and styles depending on support.” Progressive enhancement has come a long way since we first started thinking about such concepts.
HTML Web Components
Zach Leatherman provides great insights via his Attempted Taxonomy of Web Components article. “These components layer on interactivity and add behaviors in true progressive enhancement fashion. This is the bread and butter use case of web components.” Of course, he expands significantly in the article and even discusses JavaScript web components. We encourage readers to check this article out. It is well worth reading.
For those who are not that familiar with HTML web components, perhaps the Web Components in Earnest article will help put things into better perspective.
JavaScript
During some recent internal discussions, I was reminded that we have not touched much on JavaScript and frameworks in a while. Of course, this discussion came up as part of our ongoing web design and development competitions. Hard to believe that we have been doing these competitions on the national stage for over 2 decades (and almost 2.5 decades in Illinois). Which got me to thinking – rather than discuss what is happening with ES and JavaScript, perhaps we should ask our readers for their opinions about the current state of JavaScript. Therefore, what are your thoughts about Vite? For readers unfamiliar, here is the why Vite development guide. How are you using this in your projects today? We look forward to your comments. Perhaps we will focus on additional projects in the coming months. A lot depends on the number of comments we receive *wink wink – now is the time to comment.*
Yes, there are many other articles we could have posted. However, we thought this mix would be a good introduction to what is happening with web technologies as we begin 2024. As always, we appreciate and look forward to your comments.
