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

 

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

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.

What does a good logo look like? A new study

Branding: how effective are the best-known logos

We are constantly surrounded by company logos: but just how closely do we actually look at these graphics? A study titled ‘Branded in Memory’ has gone ahead and tested this: how well can people draw a well-known logo from memory? Over 150 men and women, young and old, attempted this and in part managed to achieve very good results. The main take away was that basic structure and strong colours are...

Creating a logo: tips and helpful software

Create your own logo: tips for logo design

A logo serves as a figurehead for a company or a brand: it symbolises the corporate identity and leads the target group to create a positive association between image and brand. As a result, every brand and every company should have a suitable logo. When creating your own logo, previous experience in image editing is not necessary – although it is very helpful when turning your concept into your...

What are the alternatives to Picasa?

The most popular Picasa alternatives at a glance

Ever since Google discontinued the popular photo editing and management software, Picasa, many former users have been looking for good Picasa alternatives. There are numerous programs to choose from that often offer the same, or at least similar, features as the trusted Google tool. Our guide offers a practical overview of the best alternatives to Picasa.

Reading habits on the web

Reading habits on the web: keep your online content snappy

When it comes to content design, trends are always moving forward. Long-established patterns in the offline world have moved into the digital age and evolved into a whole new way of reading web pages. In both conveying and consuming information, our online behaviour has changed our communication and reading habits. Online content is now scanned rather than read word-for-word. These developments...

The inverted pyramid principle: how it works

The inverted pyramid: how to optimise your writing style for online reader behaviour

We read online texts differently to how we read printed newspapers: Online, we quickly skim through the most important paragraphs, filter through the relevant information, and click on the next link. The requirements for a text are clear: information must be easily and quickly found. The most effective way to achieve this is by using the inverted pyramid principle. Our article explains what this...

Graphical user interface: a successful UI

Graphical user interface: what makes a good user interface?

User interface is one of the most important keywords in modern web design and software development. Graphical user interfaces are currently relevant for both disciplines. Besides these, there are also numerous other interfaces — ranging from voice user interfaces to brain-computer interfaces. These interfaces enable interactions to take place between man and machine. Here, we provide an overview...

Web design trends: one page design

One page design: anything but one-dimensional

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


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