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!

23 Beautiful Examples of Organic Website Design

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 23 of the best we could find that are beautifully presented and use organic elements to their very best effect.

10 Free and Useful IDE for Programmers and Developers

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.