CSS compression for consistent loading times

It’s rare to see creative information directly placed into HTML code. Colours, 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.   

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 higher Google ranking. Pictures bound for the internet in particular should be compressed. We’ve compiled some of the [...]   

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 ease of use and regular updates. The installation kit contains a pre-configured CSS file, which makes starting out with this toolkit much easier.   

Responsive typography - part 1: the basics

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

Responsive Test: 8 free tools for responsive web design

A website should always be extensively checked before going live. Testing a website is already a demanding task, and adding a responsive design test to the mix helps you ensure that your site’s flawlessly displayed for different screen resolutions. Free responsive design tools can help with this. We’ll show you 8 free tools here.   

The most important Photoshop shortcuts for Windows and Mac OS

Endless clicking through the many menus when working with Photoshop is a major disadvantage for users of the photo editing software giant. But thanks to certain Photoshop shortcuts, users have the option of employing keyboard combinations to skip straight to certain actions. We’ve compiled the best of these Photoshop tricks for Windows and Mac OS here.   

Web design inspiration: how to revamp your website

Want to create a cool website design, but suffering from a lack of inspiration? We’ve got you covered. The internet plays host to a number of online platforms, communities, and blogs dedicated to sharing web design ideas and generating inspiration for digital artists. We’ve picked some of the best sources of inspiration for creative web design. Whether you’re into flat design, one page websites, [...]   

Icon fonts - web design with vector-based pictograms

Use icon fonts for integrating vector-based pictograms into your website. In contrast to pixel images, vector graphics have the advantage that they can be scaled up or down without sacrificing quality. With the help of CSS (cascading style sheets) web designers can also integrate other code-based design features. There are many different open source projects available that boast large icon [...]   

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