CSS

CSS: padding vs. margin
How to use padding vs. margin in CSS
  • Web development

The multitude of commands that a programming language like CSS includes can be challenging. But there’s no need to worry. In our CSS padding vs. margin overview article, you’ll learn the key differences between these two formatting commands. We’ll also introduce you to the memorable box model so you can easily tell padding vs. margin apart.

How to use padding vs. margin in CSS
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 enables them to present themselves on the web and get in touch 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 article.

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
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
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
Tailwind CSS overview
What makes the Tailwind CSS framework stand out?
  • Web development

If you’ve already got some experience working with CSS and are looking for a particularly flexible and individual framework Tailwind CSS is a great choice. The solution for professionals simplifies work and offers numerous design options. Read on to find out more about the framework and why beginners may fare better using an alternative to Tailwind CSS.

What makes the Tailwind CSS framework stand out?
YAML: The lean CSS framework for experts
YAML introduction
  • Web development

If you want to develop a new web application, you have the choice between writing your code completely from scratch or relying on frameworks. This code collection contains an application-ready skeleton which you can then adapt to fit your own ideas. The CSS framework YAML, for example, provides a responsive framework structure that’s already optimized for various browsers and devices.

YAML introduction
What is a static site generator?
What is a static site generator?
  • Website creation

Nowadays, you can use a wide variety of tools to create a website. Website builders and content management systems are particularly popular, but in some cases these applications are far too complex and resource-intensive. Static site generators are a core component of so-called Jamstacks and play an increasingly important role in the development of smaller websites.

What is a static site generator?