HTML5 is the fifth revision of the well-known and loved markup language. There are many new features and abilities that HTML5 has to offer and this post will get you familiarized with them. I will not go into in-depth detail about every aspect of HTML5, but I will get you familiarized with its key aspects; after all, this is only an introduction to HTML5.

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.

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.

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.

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.

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.

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!

Organic website design is a style of design that uses natural textures such as wood and paper, as well as scenic or floral imagery. There are many, many sites that could be considered organic in their design, and in this collection we have selected 30 of the best we could find that are beautifully presented and use organic elements to their very best effect.

Fractals in geometric terms, is a pattern or figure that can be split into parts, each of which is (at least approximately) a reduced-size copy of the whole. It is a concept called self-similarity and gives you highly similar patterns even as you close in on its different parts. In the end, the result is a beautiful pattern that looks totally organized or symmetrical, yet fragmented and askew at the same time. That is why some people actually want to use the same “style” of fractals for creative pursuits in print and web design.

An Integrated Development Environment (IDE) also known as Integrated Design Environment is a software applications that provides coding, editing and debugging tool for creating desktop applications, web application, java based application and more. In this post, we have gathered some useful and must have free IDEs for programmers and web developer .