Image optimization: Common mistakes and solutions

Image optimization: Common mistakes and solutions

In 2016, all modern websites are media rich. Amongst other media, images themselves represent over 60% of the average byte per content type downloaded when a web page is loaded. This is why, in your quest of an optimized, fast loading website, image optimization must be on your priority list. Here's the most common mistakes done by developers and designers when it comes to handling images, and how to solve them.


Tutorials and resources to learn and master SVG

Tutorials and resources to learn and master SVG

Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. As a web developer or designer, using SVG online has numerous advantages: bandwidth-friendly, open format, easy to style using CSS, and many more. Here's a round-up of useful tutorials and resources to learn and master the art of using SVG.


7 tips to instantly make better webforms

7 tips to instantly make better webforms

Webforms are a crucial part of every website: this is how a visitor interacts with the site. Unfortunately, webforms are most of the time annoying or even painful for internet users. I've compiled super useful tips in this article in order to create better webforms and make your visitors happier.


10 Amazing free icon webfonts

10 Amazing free icon webfonts

Icons are widely used by designers and coders when making a website. for years, we have been using images. But as modern browsers made webfont embedding easy and widespread, icons webfont started to rise. Here's CatsWhoCode selection of the ten most awesome -and free- icon webfonts.


The definitive guide to optimize images for the web

The definitive guide to optimize images for the web

A quality website is a website that loads fast. Readers don't like to wait, and it's also no secret that page loading time is playing a very important role in the way how Google is ranking websites. And when it comes to page loading time, images and how optimized they are is very important. Here's a definitive guide on how to optimize images for web as well as a few extra other techniques and guidelines.


100 free downloadable PSD mock-ups

As a web designer, you probably often need to design mock ups of books, CDs, bags, etc. Designing that stuff from scratch can be really long and complicated, but happily Photoshop actions can make the job a lot easier. Today, I'm gald to introduce you a pack of 100 free mock-up actions for Photoshop.


10 useful typography tips to improve your website readability

Typography is often neglected on websites. This is a shame, because by improving your typography, you'll improve both your website design and readability. In this article, I have compiled 10 extremely useful typography tips that will help you to make your website looks better.