Web design trends: one page design
One page design: anything but one-dimensional
  • Web design

The one pager is a new trend in web design: more and more companies are choosing to present their products, campaigns, or project websites in a single page design. This means users navigate their way through a single HTML page by scrolling and exploring content. These minimalistic websites focus on storytelling, aiming to create an intuitive user experience – but they’re not suitable for every...

One page design: anything but one-dimensional
User experience design: what developers should know
User experience design – for the perfect user experience
  • Web design

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

User experience design – for the perfect user experience
Mistakes when creating a website
The 7 biggest mistakes when creating a website
  • Website creation

Having their own website is basically indispensable for companies and self-employed people. After all, it makes it possible for them to present themselves on the web and make contact with potential customers. To make the most of this opportunity, you should approach this task with the necessary professionalism. Make sure to avoid the typical mistakes such as those described in the following...

The 7 biggest mistakes when creating a website
How to create a photo gallery for your website
Web design basics: creating a photo gallery for your website
  • Web design

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

Web design basics: creating a photo gallery for your website
Python tuples
How to create immutable lists with Python tuples
  • Web development

Python tuples allow you to save a collection of the same or different data, however, you cannot change this data afterwards. In our article, we’ll be looking into what these special collections are, how to set them up, and what to use them for. We'll also show you how to convert Python lists into Python tuples.

How to create immutable lists with Python tuples
CSS Grid
CSS Grid: Layout with a smart feature
  • Website creation

How can you create a nice-looking layout if you don’t know the size of the display area? With CSS Grid, it’s no problem at all! The technology allows web designers to define their own grid and then place all elements within it. Thanks to automatisms and smart functions, the CSS Grid Layout adapts dynamically to different displays.

CSS Grid: Layout with a smart feature
What is responsive design?
What is responsive design?
  • Web design

Modern websites are viewed on a large variety of devices, from smartphones with small screens to high-resolution 4K monitors. A responsive design is key to catering to this large range of media. Layout, typography, images, and navigation are designed so that they work smoothly on any device.

What is responsive design?
CSS coding made easy
CSS Tutorial: An introduction to Cascading Style Sheets
  • Web design

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

CSS Tutorial: An introduction to Cascading Style Sheets
CSS Flexbox
CSS Flexbox: More options for designing a webpage
  • Website creation

Mobile Internet presents a challenge for web designers: How should one sensibly design a layout if they don’t know the size of the screen? With CSS Flexbox, designers can create a flexible layout that dynamically and intelligently adjusts to the available space. Our Flexbox tutorial shows how this works.

CSS Flexbox: More options for designing a webpage
Linking CSS to HTML
Linking CSS to HTML: a guide with examples
  • Web design

HTML and CSS are part of the core elements of the World Wide Web and are often used in conjunction with one another. When you are working with an HTML document and would like to include CSS, there are a few internal and external methods to implement the format specifications into your text content effectively. Find out more in this practical guide with examples.

Linking CSS to HTML: a guide with examples

Websites

IONOS Website Guide: website advice for all

A website isn’t just a website – these days, there are countless ways to create an online presence in a way that matches your expectations. The ‘Websites’ section of the IONOS Digital Guide offers detailed information about creating, managing, and optimizing websites as well as facts and general background information on the World Wide Web. For a closer look, you can also explore one of several subcategories about different topics. Here, we present website advice for everyone, from mere enthusiasts to qualified professionals.

What’s in the IONOS Website Guide?

The ‘Websites’ section is one of six main categories in the IONOS Digital Guide. ‘Websites’ is then broken down into four further subcategories: ‘Website creation, ‘Web design’, ‘Web development’, and ‘Digital law’. While ‘Website creation’ focuses primarily on the technical aspects of internet sites, ‘Web design’ articles look at the optical makeup of content, in particular the use of text, images, and responsive displays through HTML or CSS. ‘Web development’ covers the use of scripting languages, like PHP or JavaScript, as well as specific tools for the development of internet services. But basic information about the standards and trends of website development can also be found here. The subcategory ‘Digital law’ presents online laws and practices, like image usage rights and privacy policies.

Website advice for beginners, advanced users, and professionals

The Website Guide serves as an information portal for small and medium-sized companies, along with developers, web designers, technology lovers, and general internet enthusiasts. Many articles on the IONOS Digital Guide require little background knowledge, though some are also aimed at more experienced users. Beginners can enjoy posts on topics like ‘What exactly is a website?’, ‘The basics for modern web development’, or ‘How are websites accessed?’, while more advanced readers can broaden their knowledge of specific topics with comprehensive articles and tutorials. So whether you are a novice, an advanced user, or a professional: our handy Website Guide has plenty of useful tips and tricks to help you become an expert on the World Wide Web.