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 satisfy more than just smartphone users — they boost search result...

The basics of web design - part 3: design and colour 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 colours 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 these practices exactly entail and how to optimally integrate them into their web...

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,...