Responsive

Mobile web: recognizing and avoiding common errors
Mobile web: the common errors
  • Web design

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

Mobile web: the common errors
Mobile first: a new approach to web design
Mobile First: the new approach in webdesign
  • Web design

Are smartphones and tablets the beginning of the end for stationary computers? Many developments confirm this, not just the increasing number of mobile search queries on Google. The mobile first approach follows this trend and places primary importance on creating mobile websites. A slimmer scope and more dynamic layout yield more than just satisfied smartphone users — they boost search result...

Mobile First: the new approach in webdesign
Responsive design and font: the basics
Responsive typography - part 1: the basics
  • Web design

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.

Responsive typography - part 1: the basics
Mock-up and wireframe: a direct comparison
Mock-ups and wireframes: visualizing your web concept
  • Website creation

There is a lot of work between the original idea and the finished result when you’re developing a new website or app. One of the most crucial and demanding stages of realizing a concept is the visualization of your ideas for the layout, design, and functionality. This is when mock-ups and wireframes are the most useful.

Mock-ups and wireframes: visualizing your web concept
Responsive design and font: typography tips
Responsive typography: finding the perfect font
  • Web design

Since the introduction of web fonts, designers have enjoyed a massive increase in options for responsive typography. Their scalability means these fonts are displayed perfectly on every device, making these a perfect solution for responsive design. With thousands of free web fonts available from multiple online platforms, it’s now easier than ever before to find the perfect font for your website....

Responsive typography: finding the perfect font
Responsive design and font: CSS Commands
Typography in responsive web design - part 3: technical implementation with CSS
  • Web design

Responsive typography is a much-neglected aspect of responsive web design, but it’s actually surprisingly easy to create a responsive design for both headlines and main text. So what’s the secret? Find out in part three of our series, as we give you a run-down of the implementation of a responsive font and share tips on how to embed CSS commands into your web presence.

Typography in responsive web design - part 3: technical implementation with CSS
WCAG: guidelines for web accessibility
WCAG - W3C guidelines for easily accessible web content
  • Web development

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.

WCAG - W3C guidelines for easily accessible web content
Graphical user interface: a successful UI
Graphical user interface: what makes a good user interface?
  • Web design

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

Graphical user interface: what makes a good user interface?
The best mock-up and wireframe tools
The best mock-up and wireframe tools
  • Website creation

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

The best mock-up and wireframe tools
How does mobile SEO work?
Mobile SEO: optimize your site for mobile devices
  • Search engine marketing

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

Mobile SEO: optimize your site for mobile devices