Responsive

WCAG: guidelines for web accessibility

The W3C’s Web Content Accessibility Guidelines (WCAG) offers website operators a list of suggestions for the creation of making their web offers accessible. To this end, WCAG is based on 4 principles: Perceptibility, usability, intelligibility, and robustness. These are supported by 12 fundamental guidelines on how to tailor web content for people with sensory, motor, or cognitive limitations. [...]  

Mobile web: recognizing and avoiding common errors

The mobile web can conjure up a whole host of challenges for web designers but at the same time also offers many opportunities for creating a positive user experience. If a mobile site isn’t configured correctly, then this can quickly lead to a bad user experience. To ensure your mobile-optimized website keeps up with the requirements of an ever-increasing mobile web, you should make yourself familiar with the potential sources of error and avoid common mistakes. We explain the typical mistakes you should pay particular attention to. [...]  

Graphical user interface: a successful UI

User interface is one of the most important keywords in modern web design and software development. Graphical user interfaces are currently relevant for both disciplines. Besides these, there are also numerous other interfaces — ranging from voice user interfaces to brain-computer interfaces. These interfaces enable interactions to take place between man and machine. Here, we provide an overview of the types of user interfaces that exist and show examples of how good graphical user interfaces can look. [...]  

YAML: The lean CSS framework for experts

If you want to develop a new web application, you have the choice between writing your code completely from scratch or relying on frameworks. This code collection contains an application-ready skeleton which you can then adapt to fit your own ideas. The CSS framework YAML, for example, provides a responsive framework structure that’s already optimized for various browsers and devices. [...]  

The best mock-up and wireframe tools

Designers and developers put a lot of time and effort into creating a web project. During the journey from initial idea to finished product, there are many decisions to be made, plans to be devised, as well as there being the possibility of having to start all over again. Mock-ups and wireframes are important tools that can help in the early development phase when creating simple prototypes of designs and ideas. Mock-up and wireframe tools enable you to work more efficiently. [...]  

Responsive design and font: the basics

The evolution of responsive web design has had a huge effect on typography, and the appearance of a text now needs to be adjustable to any device. Responsive typography therefore needs flexible, adaptable fonts to ensure maximum readability. Learn more in our overview of font in responsive web design. [...]  

How does mobile SEO work?

Many businesses invest a lot of time and money into search engine optimization: spending weeks working on keyword strategies, checking links, and working on the site’s technical framework. But then – nothing happens. This could be because mobile SEO has been neglected. It’s important to remember this vital step, since most searches now come through mobile devices, and Google expects website operators to make their sites more ‘mobile friendly’. [...]  

8 tools for a responsive website check

A website should always be extensively checked before going live. Testing a website is already a demanding task, and adding a responsive design test to the mix helps you ensure that your site’s flawlessly displayed for different screen resolutions. Free responsive design tools can help with this. We’ll show you 8 free tools here. [...]  

Website app, responsive site or mobile site?

To have a successful web presence, it’s now crucial to be able to reach out to as many users as possible by making your site available on a variety of platforms. This means mobile websites and responsive design are becoming ever-more essential tools for website operators. But with web apps and native apps adding two further possibilities to the mix, deciding which option works best for you can be tricky. We break down the pros and cons of these four mobile solutions. [...]  

Responsive navigation in web design

Web design is an increasingly demanding and complex art, especially when it comes to adaptability. Websites must now satisfy far more requirements: they must look appealing on devices of all sizes, be easy for visitors of a wide range of abilities to navigate, and most importantly of all, the user experience must be perfect, regardless of the device used. Responsive design ensures that the content of a website adapts dynamically to the interface of any device, from PCs to tablets to smartphones. This creates interesting new challenges for web designers, particularly in the area of responsive navigation. [...]