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

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.

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

Integrating icon fonts into your website

How to integrate icon fonts into your HTML document

Icons can be easily included in HTML through CSS classes. One of the most popular icon fonts is Font Awesome, which offers more than 600 vector-based pictographs. This open source toolkit has proved popular with its easy use and regular updates. The installation kit contains a pre-configured CSS file, which makes starting out with this toolkit much easier.

Web fonts: the power of modern typography

Create sleek websites with attractive fonts

Once upon a time, typography was a rather uninspiring area of web design. But thanks to huge strides forward in technology, the current situation looks very different. With the power of modern typography, you can easily display cool web fonts on your website without the user needing to have the font installed on their device. With millions of modern fonts available, choosing the perfect one is no...

Free graphics, icons, and templates online

Free graphics, backgrounds, and vectors online

Web designers are always looking for graphics, icons, and backgrounds that speak to their audiences. Many platforms tout their free vector graphics, but these sometimes come with strings attached. Aside from the price, there are many other things to consider, like terms of use. We’ve put together some of the most important points to watch out for when hunting for free graphics and have included...

Basics of web design: design and color scheme

The basics of web design - part 3: design and color scheme

Many users are often unaware of what exactly goes into making an aesthetically appealing website. But most successful websites follow some basic principles to ensure that a unified design adheres to a basic theme or message that is to be conveyed to the viewer. These questions and more influence the site’s conception: What effects do certain colors bring about? What should you be mindful of when...

Web design: tips for planning a website

The basics of web design - part 1: planning

Those looking to create a website should always have both the purpose and range of function of the site in mind before getting started. Only by paying close attention to these two criteria can one guarantee clarity and uniformity throughout the entire design process. Planning should always remain in the foreground for any web design project. Important tips on what to look out for when designing...


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.