How to integrate icon fonts into your HTML document

Icons can be easily included in HTML through CSS classes. One of the most popular icon fonts is Font Awesome, which offers more than 600 vector-based pictographs. This open source toolkit has proved popular with its easy use and regular updates. The installation kit contains a pre-configured CSS file, which makes starting out with this toolkit much easier.   

Compressing images: an absolute must

Computer storage volume is increasing by the year. But while we have access to more gigabytes and terabytes, it’s best to keep the file sizes down to a minimum–especially if you operate a website. This is because compressed data leads to quicker loading times, happy visitors, and a good Google ranking. Pictures bound for the internet in particular should be compressed. We’ve compiled some of the [...]   

Create sleek websites with attractive fonts

Once upon a time, typography was a rather uninspiring area of web design. But thanks to huge strides forward in technology, the current situation looks very different. With the power of modern typography, you can easily display cool web fonts on your website without the user needing to have the font installed on their device. With millions of modern fonts available, choosing the perfect one is no [...]   

Mobile First: the new approach in webdesign

Are smartphones and tablets the beginning of the end for stationary computers? Many developments confirm this, not just the increasing number of mobile search queries on Google. The mobile first approach follows this trend and places primary importance on creating mobile websites. A slimmer scope and more dynamic layout yield more than just satisfied smartphone users — they boost search result [...]   

Free graphics, backgrounds, and vectors online

Web designers are always looking for graphics, icons, and backgrounds that speak to their audiences. Many platforms tout their free vector graphics, but these sometimes come with strings attached. Aside from the price, there are many other things to consider, like terms of use. We’ve put together some of the most important points to watch out for when hunting for free graphics and have included [...]   

The basics of web design - part 3: design and color scheme

Many users are often unaware of what exactly goes into making an aesthetically appealing website. But most successful websites follow some basic principles to ensure that a unified design adheres to a basic theme or message that is to be conveyed to the viewer. These questions and more influence the site’s conception: What effects do certain colors bring about? What should you be mindful of when [...]   

The basics of web design - part 2: user-friendliness

The layout and use of a website is often quite intuitive, even upon your first visit there. Conventional design patterns ensure quick usability and are not employed without reason: these common practices and standards guarantee smooth functionality for a website. Every web designer should be familiar with what exactly these practices entail and how to optimally integrate them into their web [...]   

The basics of web design - part 1: planning

Those looking to create a website should always have both the purpose and range of function of the site in mind before getting started. Only by paying close attention to these two criteria can one guarantee clarity and uniformity throughout the entire design process. Planning should always remain in the foreground for any web design project. Important tips on what to look out for when designing [...]   

CSS compression for consistent loading times

It’s rare to see creative information directly placed into HTML code. Colors, fonts, and sizes of HTML elements are normally defined in style sheets, such as CSS. The more complex a website becomes, the more the range and amount of required CSS files increase. The extra burden can have a considerable effect on your website’s loading time, but this can be avoided by compressing your CSS.   

Responsive typography - part 1: the basics

The evolution of responsive web design has had a huge effect on typography, and the appearance of a text now needs to be adjustable to any device. Responsive typography therefore needs flexible, adaptable fonts to ensure maximum readability. Learn more in our overview of font in responsive web design.