How to create the perfect style guide for your website

Web style guides – a detailed design concept for your website

 

Fixed guidelines about design and branding are essential for a professional and serious web presence. Companies usually outline these in what’s known as a style guide. These serve as outlines for web designers and editors, and have the aim of presenting companies or institutions...

 

Breadcrumb navigation: Explanations and Examples

Breadcrumb navigation: What are the advantages?

Breadcrumb navigation helps visitors on your site to better navigate its structure, using selected filters or parent categories. It makes it easier for users to go back one or more steps. In this article, we explain what breadcrumb navigation is, why it is important for a good user experience, and how to implement breadcrumbs ideally in your website.

Creative web design: inspiration for your web project

Web design inspiration: how to revamp your website

Want to create a cool website design, but suffering from a lack of inspiration? We’ve got you covered. The internet plays host to a number of online platforms, communities, and blogs dedicated to sharing web design ideas and generating inspiration for digital artists. We’ve picked some of the best sources of inspiration for creative web design. Whether you’re into flat design, one page websites,...

User experience design: what developers should know

User experience design – for the perfect user experience

User experience design is becoming more and more important among web designers and software developers: a good user experience (UX) is now the goal as well as the standard for serious websites and software. But what exactly is UX design? It is often difficult to define due to the many related terms, such as user interface (UI). Read everything you need to know about user experience design and get...

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.

What is APNG?

APNG (Animated Portable Network Graphics)

GIFs are extremely popular for spicing up your own posts and news on social media. It seems difficult to imagine an online world without the expressive animations in the format of the same name – but APNG (Animated Portable Network Graphics) is an alternative that in some respects even stands out from GIFs. What exactly is behind this animated PNG? How can you create animations in this format?

CSS compression for consistent loading times

CSS compression for consistent loading times

It’s rare to see creative information directly placed into HTML code. Colours, fonts, and sizes of HTML elements are normally defined in style sheets, such as CSS. The more complex a website becomes, the more the range and amount of required CSS files increase. The extra burden can have a considerable effect on your website’s loading time, but this can be avoided by compressing your CSS.

The most useful Photoshop shortcuts

The most useful Photoshop shortcuts

Endless clicking through the many menus when working with Photoshop is a major disadvantage for users of the photo editing software giant. But thanks to certain Photoshop shortcuts, users have the option of employing keyboard combinations to skip straight to certain actions. We’ve compiled the best of these Photoshop tricks for Windows and Mac OS here.

Adblockers’ impact on web development

Adblockers’ impact on web design and web development

Approximately a quarter of all internet users in the UK use adblockers in order to circumvent pop-ups or ad banners. And while it may be nice to peruse through your favourite content unhampered by advertising, these extensions cut into the profits of both advertisers as well as those running ads on their brand or company. However, only few seem to be aware of the fact that it’s precisely these ads...


Own your online success
IONOS takes care of your online challenges
Create your website with the perfect domain and the UK's fastest hosting!