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

 

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 navigation in web design

Responsive navigation: dynamic menus for mobile

Web design is an increasingly demanding and complex art, especially when it comes to adaptability. Websites must now satisfy far more requirements: they must look appealing on devices of all sizes, be easy for visitors of a wide range of abilities to navigate, and most importantly of all, the user experience must be perfect, regardless of the device used. Responsive design ensures that the content...

Removing EXIF data

Removing EXIF metadata from photos: a how-to guide

The metadata contained in photos can be helpful to structure your personal photo library, and later locate photos more quickly or attach copyright information to photos. However, when you upload a photo online or share it with others, it’s a good idea to remove this metadata first. Keep reading to find out which information photos can contain and how you can delete it on Windows and Mac.

What is IPTC data?

IPTC: easily view and edit image metadata

The international IPTC-IIM standard for describing images allows information such as copyright notices, names, and headings to be saved and made available directly within the image data. The standardised file format makes it easier for editorial and press agencies to archive their images. Learn how to include and view IPTC image metadata.

Screenshots on Mac and Windows

The best screenshot tools at a glance

What exactly is a screenshot? How do you create one? And how do the different screenshot shortcuts work when trying to create screenshots on Mac and Windows? Besides the built-in features on operating systems, what are the other, third-party options when it comes to screenshot tools? We’ll take you through our introductory guide to making screenshots and the best keyboard shortcuts and screenshot...

What is EXIF data?

EXIF data: viewing and saving picture metadata

The EXIF standard contains additional information about pictures. All JPEG and TIFF formats contain EXIF data, including details about the camera lens, camera model, date, and even GPS data. You should become familiar with EXIF if you want to protect data or need information for archiving and working with pictures. We’ll explain how to find, view, and save EXIF data.

Icon fonts—vector-based character sets

Icon fonts - web design with vector-based pictograms

Use icon fonts for integrating vector-based pictograms into your website. In contrast to pixel images, vector graphics have the advantage that they can be scaled up or down without sacrificing quality. With the help of CSS (cascading style sheets) web designers can also integrate other code-based design features. There are many different open source projects available that boast large icon...

How to create a photo gallery for your website

Web design basics: creating a photo gallery for your website

Multimedia content is an integral part of the internet. From images to GIFs to videos – without engaging visual elements, websites become dull, grey blocks of text, and web stores would be nothing but an endless list of product descriptions. Image galleries are a popular way of presenting graphics and images clearly on to a web project. With some simple HTML, it’s easy to create a basic Lightbox...

Progressive JPEG

Progressive JPEGs: An introduction

Progressive JPEGs, or PJPEGs, are a type of JPEG that is compressed in a special way. PJPEGs load differently in the browser than “normal” or baseline JPEGs. What are the differences? How can you create a PJPEG and which programs can you use?

Pixel graphics vs. vector graphics - a comparison

Pixel graphics or vector graphics? Comparing the pros and cons

When should you use a pixel graphic and when is better to employ vector graphics instead? We show you the pros and cons of both of these computer graphics and detail their different applications. Read on here how and make sure your website is always correctly using each graphic form.


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