Hand-picked HTML and CSS code examples, tutorials and articles
CSS Gallery, jQuery plugins

bootstrap 3 contact us form validation

This contact form bootstrap tutorial with validation will be the good practice to validate the form and easy to validate the form. This tutorial will help to build bootstrap website with best form validation using bootstrap 3 validation.

Group by multiple fields Underscore.JS

Using underscore.js group the objects using multiple values. By default underscore not support the multiple value groupBy. Here we have to do the trick to achive the functionality.

Iterating over object properties

This tutorial will explain how to get or iterate the JavaScript Object keys / Properties using AngularJs ngRepeat.

check all and uncheck all checkboxes in angularjs

This tutorial will explain how to achieve check all and uncheck all checkbox using angularjs and listing all checked values in the page. Find the demo and download the source code at the end of the tutorial.

How to redirect non-www URL's to www using .htaccess

From this article you can learn and how to redirect non-www to www using .htaccess. Ensure that you specify the new host as canonical in all page links or sitemaps. Use 301 redirects to route traffic from the previous host to the new host.

Power of CSS3 transforms and transitions in modern browsers

I found new demo recently in github which I feel my self proud to be an UI developer. This demo and documentation will explain the power of CSS3 transforms and transitions using impress.js framework. Find the demo and Download button below

AngularJS with CanvasJS Charts

This tutorial explains how to use CanvasJS charts in Angular js. At the end of this tutorials you can find the demo and source code for download. In this tutorial, we covered all canvasJs charts.

Resize div box vertically using jquery draggable

This article will explain how to write the code to dynamically resize the two horizontal divs on dragging the center bar between two div's to make the div's height arranged by itself. To achieving this dynamic resizing functionality we used JQuery UI draggable to adjust the div's size.

how to overrides joomla 3 layouts thumbnail

Joomla has the option to override the Modules, Components and Layouts. This article will help you, how to override the joomla3 layouts. Here we can override the layouts in two ways. One is via Joomla 3 administrator and another way is manual, copy paste the file. We can see both way of overriding the layouts.

import joomla module inside any custom components

This tutorial will explain how to import joomla modules inside custom components like plugin, module or components. In this tutorial sample code and demo is available.