Test HTML email format

HTML email renders differently in various email client.

The most annoying of all is Microsoft Outlook 2007 and 2010 (could be more, but cbb to list them all). Why? They bloody use MS Word as their rendering engine!

Anyway, to test the format, try this site:
Puts Mail - http://putsmail.com

Put in your email address
Fix up the subject (optional)
Copy and paste your HTML code
Fire away to your mailbox!

Use the target email client to open up the mail to see the result of the HTML rendering.

Cheers

Creative buttons styles

http://tympanus.net/codrops/2013/06/13/creative-button-styles/

Example here (http://tympanus.net/Development/CreativeButtons/):


Cheers.

HTML 5 form input types

http://sixrevisions.com/html5/new-html5-form-input-types/

Advantage of using HTML 5 form input types is that it is cross-platform enabled with mobile devices.
The mobile keyboard will change according to what input type it is.

HTML 5 input types:

Input Type	Description	HTML Markup
date	A control for entering the date.	<input type="date">
datetime	Date and time using UTC date and time format	<input type="datetime">
datetime-local	Date and time according to your local time	<input type="datetime-local">
month	Month and year	<input type="month">
time	The time of day	<input type="time">
week	Allows you to pick the week and year.	<input type="week">
color	Allows you to enter asimple color value (which is in hexadecimal color notation)	<input type="color"">
email	Validates the input using the standard email format	<input type="email">
tel	Gives you the ability to validate telephone numbers format against a pattern	<input type="tel">
search	Searches a data set (like a <datalist> HTML element)	<input type="search">
range	A slider control for picking a number in between two numbers	<input type="range">
number	Accepts numbers only	<input type="number">
url	Accepts URLs only	<input type="url">

Cheers.

5 HTML5 Javascript APIs to keep an eye on

http://daker.me/2013/06/5-html5-javascript-apis-to-keep-an-eye-on.html

1. Battery Status API (very cool!)
2. Gamepad API (insanely cool!)
3. Device Orientation API
4. Geolocation API
5. Page Visibility API

See examples in the above link.

Text-align: Justify and Responsive Web Design

http://www.barrelny.com/blog/text-align-justify-and-rwd/

Display stuff in grid dynamically (by changing the width of elements, the grid automatically changes) - without floats and calculation.

Liferay Portal plugins

http://sourceforge.net/projects/lportal/files/Liferay%20Plugins/

Liferay Portal plugins

5 HTML5 Features you need to know

5 HTML5 Features you need to know
http://daker.me/2013/05/5-html5-features-you-need-to-know.html

1. DNS Prefetching
2. Link Prefetching
3. Download Attribute
4. Regular Expressions
5. Datalist Element