Managing Images Based On Device Pixel Density

October 03, 2013

I finally got to test the behavior of regular images on some retina displays today and see first hand how web images react on high pixel density displays (such as retina displays).

ipads-1024x768

continue reading

The Free Alternative To Codekit Prepros Compiles Sass Compass And Haml

August 29, 2013

optimized-by-tinypng

No more command line non-sense with Prepros! YAY! One thing i love about Prepros is how easy it is: just add a project, specify where your sass, js and html files are and you are good to go, Prepros will compile the rest. And it compiles HAML too! Gettingstarted is easy and the official documentation is pretty complete,  i’ve learnt how to use the software lightning-fast reading the docs section of the website. In this post i will highlight the features I think are the most interesting.

continue reading

Lossless Png Compression The Quick Way

August 25, 2013

png format

Portable Network Graphics (PNG) is a raster graphics file format that supports lossless data compression. PNG was created as an improved, non-patented replacement for Graphics Interchange Format (GIF), and is the most used lossless image compression format on the World Wide Web.

continue reading

About Responsive Webdesign

August 22, 2013

responsive webdesign

We’re hearing a lot about responsive web and responsive web design lately, but what is it exactly? And why is it so important? Let’s dig deeper and try to make it simple, starting from the beginning, before smartphones and tablets even existed.

Once upon a time, the web was pixel based, that meant designing a website to be a certain amount of pixels wide, and hoping the majority of your users had a screen large enough for it to fit in nicely, not too wide to leave too much blank space around it. The common criterion used was to meet popular screen-sizes halfway: 10 years ago for example, a standard monitor resolution was between 800x600px and 1024x768px, so you’d design a website to be around 960px wide, this way you were sure 95% of the internet users would see it as it’s was supposed to be seen. This is still a widely used method, but as smartphones and tablets started popping out, a fixed width website is not an option anymore, or at least, not recommended.

continue reading

Using Sass And Compass How To Set Up Your Work Environment And Your Project Folders For Windows

August 21, 2013

sass_compass

One thing that took me a lot of time to figure out was how to set up my computer to be able to start using sass and compass and how to create and configure my project folder. For a newbie it’s quite hard to figure out what you really need to do to make the whole thing work and start using. If you’re reading this you already know what sass and compass are so let’s go straight to the point.

continue reading