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

Liferay custom theme settings

Adding theme settings per page level (alternative to expandos)
http://www.liferay.com/web/raymond.auge/blog/-/blogs/theme-settings-and-new-advanced-controls

Note:
Need to update the <theme>\src\main\webapp\WEB-INF\liferay-look-and-feel.xml in exact order as follow:

1. root-path
2. templates-path
3. css-path
4. images-path
5. javascript-path
6. virtual-path
7. template-extension
8. settings
9. wap-theme
10. roles
11. color-scheme
12. layout-templates