Placeholder text and images

Very often the client hasn't provided enough images and text, which makes it a bit harder for us as front-end developers to fill in the blank spaces. Now, for quite some time there's been Lorem Ipsum text but now there are also a bunch of other variations as well as placement images. For text you…

Vertical alignment of elements

To use vertical-align: middle you need to wrap the element in question around 2 additional divs. First div needs display: table, second - display: table-cell and you also need to now the fixed height of the 'table'. Now, thanks to Z63 we have an easier css solution with less html. The following is needed on…

Mobile friendly web pages and ranking

Since April the 21st, Google is giving higher ranking to mobile optimized web sites. This is a good news for the front-end developers' community as now we have another way to convince clients that they need a responsive design. So, go check your web sites against the Mobile-Friendly Test, contact your old clients and get ready…

IE 10 and ajax post request

Your ajax POST request ain't gonna work in IE 10. This appears to be a bug that Microsoft still hasn't fixed. The most popular, if not the only solution is to force the browser in compatibility mode for that particular page where you have the ajax.

IE and mailto

Mailto is used to prepare an e-mail to be send by the user. You can parse mail, subject, cc, bcc, body but not everything will work the same way across mail clients and browsers. IE, for example, will skip your body part if you haven't encoded it properly. Use %20 instead of space, %23 instead of…

Grey highlight on clickable elements

Text links, png buttons - everything has a grey background when you tap it on mobile webkit browsers. While this can server some usability functions, sometimes it's just getting on your way. Lets say you have a fancy shaped button with some transparency. There will be grey background in the transparent area, whenever the user taps on…