Web Standards

Find out how web standards and best practices can improve everything you do as a designer. Learn how to build projects that are standards compliant!

Reinventing Design Choices for Privacy Permission Elements

Web Standards / 27 Oct 2022

Reinventing Design Choices for Privacy Permission Elements

A personalized experience is one of the most highly valued features of a modern website design. However, gathering the right consumer data is essential to provide customized services to website visitors. After all, you can only enhance consumer experience and provide a better service if you recognize customers to a degree.

The problem is, sometimes, such personalization comes at the cost of your users’ privacy.

There’s a way around this though. You can prioritize privacy UX, build trust, and still generate revenue. If done correctly, a user-focused approach can turn into conversions and make you a stronger player in your market.

Let’s see some common pitfalls and opportunities that you can use for your business or personal website.

Pros and Cons of Live Chat in a Web Design

Web Standards / 12 Sep 2022

Pros and Cons of Live Chat in a Web Design

Live chat has become the go-to customer service solution for many websites. Users can log in and immediately “talk” with someone about whatever they need help with.

Live chats can be text-based or include a video call. The key reason it is used is to connect with customers immediately and help provide a better customer service experience. But there’s a catch – not all live chat is actually a conversation with a person.

Here’s a look at the pros and cons of live chat in your web design projects.

10 Things Every Email Newsletter Design Needs: Best Practices

Web Standards / 3 May 2021

10 Things Every Email Newsletter Design Needs: Best Practices

There’s an art to crafting the perfect email newsletter design.

It’s a combination of visual presentation and just the right words. It’s delivering quality content in a way that resonates with subscribers and generates opens so that your messages avoid the spam box.

A few email design best practices can help you find inbox success and generate greater conversions for this type of targeted messaging.

And if you need some help, each of the email design examples here is available as a downloadable template.

9 Website Design Tips for Different Generations (Yes, It Matters!)

Web Standards / 19 Oct 2020

9 Website Design Tips for Different Generations (Yes, It Matters!)

It’s a no-brainer for most designers that you plan a project based on a certain target audience. It might be for people who like soda or buy video games or have an affinity for athletic shoes.

But another consideration can often be overlooked – designing for different generational segments. Age can impact how people use websites, apps, and mobile devices. Generational differences can affect your design scheme, accessibility plan, and even the language and colors in the design.

If you haven’t thought about these differences, now is the time to start. With wider website audiences all the time, designing for different generations can help your project be more successful for more people.

The 3 Cs of User Interfaces: Color, Contrast, and Content

Web Standards / 7 Feb 2018

The 3 Cs of User Interfaces: Color, Contrast, and Content

There’s an old business model that many business strategists live by—the 3 Cs. It’s a reminder to focus on the company, customers and competitors. Many small businesses and websites also use this model. But for designers, the three Cs are a little different.

When creating user interfaces, you should focus on color, contrast, and content. These three elements are the foundation of good design. But each is a little more complex than it might seem from the surface. Here’s how to think about–and incorporate–the three Cs of user interfaces into your design projects.

Web Standards / 26 Oct 2009

HTML5: Get It Working Today (4 of 4)

This will be the final article in our series on HTML5. This go around we’ll have a brief look at which new HTML5 technologies major browsers are officially supporting and go over some techniques you can use to take advantage of the new elements in your coding today. Finally, we’ll discuss how you should start preparing to support HTML5 in all the sites you build from here forward.

Web Standards / 23 Oct 2009

HTML5: Semantic Changes (3 of 4)

In the last article, we looked at a number of new elements introduced in HTML5 and how to implement them properly. In this article, we’ll again be discussing a set of new elements but this time we’ll be examining only those HTML5 elements that represent a significant semantic change to the way you structure your sites. This article will cover how to use each of these new elements in a way that will bring much needed relief to the div-itus that plagues the structure of so many sites today.

Web Standards / 21 Oct 2009

HTML5: New Elements (2 of 4)

A couple of days ago we posted an introduction to HTML5 and briefly covered some of the content we’ll be outlining in this series. Today’s post, which is the second in the series of four, will take a look at how to use six of the new elements in HTML5: canvas, article, audio, video, meter, and mark.

Keep in mind that HTML5 is not exactly ready for widespread use – so don’t go changing anything on your site quite yet. Be assured that HTML5 is in fact coming soon, therefore these concepts may prove useful in the near future.

Web Standards / 19 Oct 2009

HTML5: The Basics (1 of 4)

The next iteration of HTML has been met with excitement by some, loathing by others and confusion/fear by everyone else. Love it or hate it, HTML 5 will soon define how you build websites. This is the first article in a four part series that will introduce HTML5 and its basic features as well as explain the key differences from HTML4.01 and XHTML 1.0 so you can start preparing yourself and your sites for the transition. Over the next week we’ll be focusing on three major areas:

1. New Elements
2. Semantic Changes
3. Getting it Working Today

This article will briefly introduce each of these topics to prepare you for the in-depth articles ahead.