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.
When it comes to website development and maintenance one aspect is often missed: website speed. Despite mobile-first approaches and responsive designs, many websites still have loading times that are too long, which can prove off-putting for visitors. Yet, loading time is one of the key reasons why consumers abandon a website. Our guide reveals what you can do to make your website faster.
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.
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.
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.
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.
Welcome to the digital age: every day the average American spends hours looking at smartphone screens and PC monitors. But most still lack even a basic understanding on how the programs affecting their everyday life work. If you think you may fit into this demographic, don’t worry: thanks to online courses, videos tutorials, and supportive internet communities, it’s never been easier to learn...
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...
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.
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.