How Web Designers can Transition into Coding

Getting started as a web designer requires weeks or even months of practice and dedication. There are so many unique aspects in designing graphics for the web, you may often feel out of place. But one step towards feeling more comfortable as a designer is to advance your own development skills.

Having the ability to design PSDs and then code the design into a site layout is a huge benefit. You won’t need to rely on another web developer to work out your HTML5/CSS3. Plus right after designing a website layout in Photoshop you’ll be able to bring that work to life. It’s truly a skillset that requires time – but ultimately it will improve your knowledge and control on the web.

CSS Box-Sizing for Noobies

Box-sizing basically is an alternative to the standard box model we have in CSS. To fully understand box-sizing you need to understand the box model. Practically, they work just about the same but there is one key difference – one that will be discussed in depth later. So, let’s get started by examining the good old box model.

How to Optimize Your Web Designs for Retina Devices

Retina displays are becoming much more common amongst tech enthusiasts. The Apple iPad and iPhone 4 introduced the retina displays and changed the face of modern technology and modern web design. Using these newer screens the pixel density is double that of a typical mobile resolution.

This means images and page elements will appear more crisp than with any ordinary LCD screen. But this also means web developers have to work around settings to get images looking nice in both normal and retina formatting. In this article I want to discuss some basic ideas for optimizing your website’s performance on retina devices.

Learn How to Create Shapes in CSS3

Since CSS shapes are becoming more important to website development, I thought that a simple list of how to create the most common shapes was in order. You’ll find that most of these shapes are very simple to achieve and that they are not that complicated at all. However, at the same time, they will save you a lot of trouble.

59 Beautifully Designed Retro and Vintage Logos

Retro and vintage has been a trend in web design for some time now, and shows no signs of going out of fashion. It therefore follows, that this style is also trending in logo design. There is a lot of skill involved in designing logos, the designer is expected to create a ‘feel’ in a very small piece of art and/or text, and to convey the message the company wants to put across to their existing and potential customers.

In this round-up we have selected 60 retro and vintage logos that have been beautifully designed, some of which have been designed for companies, others have been created for practise or for portfolios.

All the Glory of CSS Transitions

Consider this post a crash course that is all about the CSS3 transition property. I will go over what it is, how it works and where, and its awesome capabilities. So, sit back, take a sip of your cocoa and enjoy this amazing journey that is the transition property!