CSS

Parallax websites: scrolling with 3D effect

The internet community loves variety – not only regarding content but also regarding how websites are designed. Web designers and software developers are always striving to come up with creative ideas and surprise site visitors with new user experiences. One of these innovative design approaches is so-called parallax scrolling, which uses perceptional psychological effects to convey three-dimensional depth. You can find out how this looks in practice and which web techniques are behind it in our article on parallax scrolling websites. [...]  

YAML: The lean CSS framework for experts

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 optimiszed for various browsers and devices. [...]  

CSS coding made easy

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 the use of detailed examples. Create the foundation of your customised web design with us. [...]  

Learning HTML: a beginner’s tutorial

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 code examples. [...]  

Website optimization: tips and tricks for more speed

Many website operators fall short when it comes to keeping up with the creation and maintenance aspects of their sites. Despite responsive design, many websites still have loading times that are too long, which can prove off-putting for visitors. Our guide reveals what you can do to optimise the performance of your website. [...]  

Responsive design and font: CSS Commands part one

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

How to create a photo gallery for your website

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 gallery for any web project. Alternatively, there are a number of popular and attractive plugins and extensions available for CMS users. [...]  

CSS tricks everyone should know

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 tricks. [...]  

Everything you need to know about design rights

Ever wondered why products never have the same shape and ornamentation, even when it comes to everyday items like toilet paper or bottles of beer? The answer lies in design right and registration. Though the UK’s independent body for copyright and design, the Intellectual Property Office (IPO), offers their design right policy free of charge, design registration is a more legally binding way to ensure the protection of the uniqueness of your design. So how do you register a design and how much does it cost? We’ll take you through the key steps to registering a design. [...]  

Bootstrap tutorial: the first steps

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? [...]