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

CSS coding made easy

CSS Tutorial: An introduction to Cascading Style Sheets

Without CSS, websites would just be a collection of text elements separated by headlines and paragraphs. Only the ability to format HTML using cascading style sheets make the internet what it is today: a colourful mix of customised online presences, from the ambitious home hobby page to the award-winning design website. Our CSS tutorial walks you through the secrets of the stylesheet language with...

Web design: online user-friendliness

The basics of web design - part 2: user-friendliness

The layout and use of a website is often quite intuitive, even upon your first visit there. Conventional design patterns ensure quick usability and are not employed without reason: these common practices and standards guarantee smooth functionality for a website. Every web designer should be familiar with what these practices exactly entail and how to optimally integrate them into their web...

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

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.

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.


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.