Sunday, June 24, 2012

Microsoft on{x} on Android

When I first heard about this and started reading, most strange this is Microsoft on something that runs on Android and something that does not work on their windows platform...

But leaving that behind, this is very interesting way of social snippet platform. You could write simple snippet or start from existing snippet and make simple handy features. It is come is very familiar scripting language we know. This is going to be fun.

Tuesday, June 19, 2012

Sunday, June 17, 2012

RedBot | HTTP header debug

Can be handy in situation to debug http header issues, CDN debugging etc.

http://redbot.org/

RED is a robot that checks HTTP resources to see how they'll behave, pointing out common problems and suggesting improvements. Although it is not a HTTP conformance tester, it can find a number of HTTP-related issues.

CSS3 | Media query template

Nice one for beginners

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

Even better: http://nmsdvid.com/snippets/

Parallax Scrolling.. Single page view

Web is so much changing. There are new approaches, new technology on daily basis. Another cool one..

Parallax scrolling is technique. Web page are built using multiple div layers, stacked and each layer are scrolled at different speed to give a parallax effect. It could be either horizontal or vertical one. But the experience is quite different from usually browsing. It is fancy. I am yet to understand how SEO, analytics are designed for such page. But it is different. There are Jquery libraries to build one.

Saturday, June 16, 2012

Card.io, Put your camera to fill the credit card for you

This could be pretty cool. You shop online and then finally enter the payment screen. Entering credit card information on a mobile or even web is painful. Card.IO is quite handy. They have both web and mobile API for developers. You could point your phone camera or desktop webcam and bang.. the card is filled for you. This can improve the checkout conversion rate a lot

From Card.io website,
" Typing in credit card info on a mobile keypad is slow, and most consumers don’t have separate hardware to swipe a credit card. card.io is trying to solve both of these problems: you just hold a credit card up to the phone, and card.io automatically reads the card information using the phone's camera."