CSS

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 CSS?
What is CSS? Definition and application
  • Web design

Cascading Style Sheets (CSS) is a style sheet language. Together with HTML, CSS gives you the option to process a website visually. CSS was developed to separate presentation specifications such as fonts and the shape and color of elements from other website content. Learn how to use CSS here.

What is CSS? Definition and application
CSS Media Queries
CSS Media Queries
  • Web design

What are CSS Media Queries? We explain how media queries and responsive web design are related. From breakpoints and relative CSS units to CSS processors and modern CSS utility frameworks – read on to learn more.

CSS Media Queries
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
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?
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
Gulp vs. Grunt: differentiating between the task runners
Gulp vs. Grunt: the differences between the task runners
  • Web development

Writing new code is an essential aspect of web development. For frontend developers, in particular, this task makes up a significant portion of day-to-day work, with the bulk of it focused on expressing the unique appearance and functions of an internet presence to optimally represent the project. While the development process produces creative tasks, it also generates a great deal of recurring...

Gulp vs. Grunt: the differences between the task runners
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
SASS
SASS: next-level CSS?
  • Web development

If you design your own website, then you probably work with CSS. But have you ever thought about SASS? The practical preprocessor extends the popular stylesheet language with various helpful functions and makes it even easier for you to design. Variables, loops, case distinctions, and practical mixins make your life as a web designer easier. We explain to you what SASS can do better than CSS.

SASS: next-level CSS?