What is APNG?

APNG (Animated Portable Network Graphics): Basics and tutorial

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. Colors, 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 important Photoshop shortcuts for Windows and Mac OS

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 United States use adblockers in order to circumvent pop-ups or ad banners. And while it may be nice to peruse through your favorite 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...

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 colorful mix of customized 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 exactly these practices 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 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 design and font: CSS Commands

Typography in responsive web design - 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. IONOS is
#HereForYou
For your business. When times are tough. When it matters most.
Keep your business going or start one with your own online store.
3 months free
Online Store
Get started in the world of eCommerce free for 3 months.