Images

How to create a photo gallery for your website

Web design basics: creating 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, gray 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...

Everything you need to know about design patents

Design patents: protecting your design idea

Ever wondered why no products ever 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 patents. They may be less common than traditional utility patents, copyrights, or trademarks, but design patent applications have led to many high-profile court cases in recent years. But what exactly are design patents, how...

Cool and creative 404 pages: tips and examples

Tips and examples to help create great 404 pages

When surfing the web, users are often stopped in their tracks by 404 pages. This error message means that the page the user is trying to reach doesn’t exist. Most of these webpages are standardized, but some operators choose to create their own, individual 404 pages. So how do you go about creating a memorable, innovative 404 error page? We’ll take you through the dos and don’ts of making a 404...

Creative web design: inspiration for your web project

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

The most useful Photoshop shortcuts

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.

Product photography for your online store

Product photography: the best tips for store owners

When out shopping, most people actually pick up products to feel their quality, structure, and weight, occasionally even smelling or listening to them. This gives customers the chance of forming an emotional connection with the product, which can then lead to a successful sale. Since an online store cannot offer customers the same experience, quality product photos are instead needed in order to...

Web fonts: the power of modern typography

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

Free graphics, icons, and templates online

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

Integrating icon fonts into your website

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.

Icon fonts—vector-based character sets

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