Responsive

Webdesign Trends 2016: Mobile & Content

What are the web design trends of 2017? A glance into the crystal ball shows us that for web designers key features, such as excellent user friendliness, are at the top of the list this year. Good usability and valuable content build the basic framework for successful website design. We have laid out the most important trends for you here. [...]  

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. [...]  

Parallax websites: scrolling with 3D effect

The internet community loves variety – not only regarding content but also regarding how websites are designed. Web designers and software developers are always striving to come up with creative ideas and surprise site visitors with new user experiences. One of these innovative design approaches is so-called parallax scrolling, which uses perceptional psychological effects to convey three-dimensional depth. You can find out how this looks in practice and which web techniques are behind it in our article on parallax scrolling websites. [...]  

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. [...]