Tag Archives: Css

Media query – Retina displays

@media (min–moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {   /* Retina rules! */   } #my-image {background-image : url(low.png);} @media only screen and (min-device-pixel-ratio: 1.5) { #my-image {background-image : url(high.png);} }

Gradient Scanner

This is a website-tool that analyzes the image file searching gradients and creates css rule for it. http://gradient-scanner.com/

Drag & Drop in few lines of code

Implementing possiblity of moving elements on website seems to be hard for person with little experience with Javascript. Only thought is “i need to use some library”, it’s realy good idea… ? when we want add only one feature ? Probably not… I’ll show You 30 lines of code which does it. Download files View… Read More »