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.
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.
In times of content management systems and website construction kits, you might think it’s a waste of time learning HTML. But if a page doesn’t work for some reason or if you plan to install dynamic elements, you won’t be able to continue without having knowledge of this web language. In our detailed HTML tutorial, we introduce you to the basic features of the markup language, including numerous...
The style sheet language CSS is one of the most important tools of modern web development. It makes it possible to separate a website’s content and layout from one another and is continuously being developed by the World Wide Web Consortium (W3C). CSS snippets facilitate the design of webpages significantly and can even take on functions of Photoshop and JavaScript. Here, we reveal some useful CSS...
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...
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.
Bootstrap is one of the best solutions when it comes to creating websites for all devices with little effort. But what exactly lies behind the framework that was originally planned to be used as an internal optimisation tool for Twitter? Can total beginners with no CSS, JavaScript, or HTML experience also achieve attractive results?
What are the updated features? Bootstrap 5 is meant to simplify the creation of modern, elegant websites. Its creators promise improved loading times, a better user experience, and more meaningful code. No more jQuery, no more Internet Explorer support, but more flexibility to successfully develop websites.
Multimedia content is an integral part of the internet. From images to GIFs to videos – without engaging visual elements, websites become dull, grey 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...
Welcome to the digital age: every day the average Brit 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 skills...
Provide powerful and reliable service to your clients with a web hosting package from IONOS
