Responsive

Website navigation

Good website navigation: How to increase web usability

Want to make your website more attractive for customers? With a well thought out website navigation structure and a few basic optimisations, you can win plus points not just with users, but also with search engines. A good overview, an appealing design, and useful content will all go a long way towards making your website the first port of call for your target group. Here you can find out how this...

Mobile web: recognising and avoiding common errors

Mobile web: the 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-optimised website keeps up with the requirements of an ever-increasing mobile web, you should make yourself...

Mobile first: a new approach to web design

Mobile First: the new approach in webdesign

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 satisfy more than just smartphone users — they boost search result...

Responsive design and font: the basics

Responsive typography - part 1: the basics

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

Mock-up and wireframe: a direct comparison

Mock-ups and wireframes: visualising your web concept

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 realising a concept is the visualisation of your ideas for the layout, design, and functionality. This is when mock-ups and wireframes are the most useful.

Web frameworks – an overview

Web frameworks – overview and classification

Frameworks are an integral part of web engineering. Instead of writing applications from scratch, programmers can rely on tried and tested software frameworks from pre-defined classes and methods for object-oriented software development. Choosing an appropriate web framework is anything but easy. We explain how different kinds of frameworks work and what you should know to find the perfect web...

Graphical user interface: a successful UI

Graphical user interface: what makes a good user interface?

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

Responsive design and font: typography tips

Responsive typography: finding the perfect font

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 great 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 right font for your website. In...

Tools for a responsive website check

Responsive Test: 8 free tools for responsive web design

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.

Responsive design and font: CSS Commands

Responsive web design typography - part 3: technical implementation with CSS

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.


We’re all in this together. At IONOS we are
#hereforyou
Coronavirus is a challenge we need to face together.
We've created special offers on key products to help
your business keep going.
3 months free
Online Shop
Be where your customers are with your own online store.