Customizing design of Google Custom Search Box using css

Google Custom Search enables you to create a search engine for your website, your blog, or a collection of websites. By default it's design is not pretty, by adding custom css it's design can be enhanced or re-designed to match with the website ui.

7 min. read

Tracking file upload progress only using jQuery

This tutorial explains how to track file upload progress only using jQuery. No other plugins are used.

4 min. read

Generating link preview using php

To generate preview for a link we need to parse the link/url & get content of file located at the url and then using pattern matching we can get title, description and image associated with the link.

4 min. read

Creating an audio player using html, css and jQuery

This in depth tutorial explains how to create a beautiful looking audio player using html, css and jQuery, without any other plugin. Let's divide into code ...

6 min. read

Styling input type file element having single or multiple file selection functionality

Input type file element can be styled very easily by a specifying label element for it, in this article we will be styling input type file element and adding single or multiple file selection functionality to it using JavaScript.

5 min. read

Submitting a form asynchronously without using Javascript

This tutorial explains how to submit a form asynchronously using HTML alone, without any Javascript code.

3 min. read

Wrapping overflowed text with trailing dots ( ellipsis ) using css

This tutorial explains how to wrap up a long text which overflows out of container element with trailing dots ( ellipsis ) using css.

2 min. read

Styling checkbox and radio buttons using css

Changing the default appearance of checkbox and radio buttons to visually pleasing and attractive using css.

6 min. read

Creating a toggle button using html and css without any javascript

This tutorial explains how to create a toggle button only using html and css, without any javascript, such toggle button can be used as replacement for checkbox.

4 min. read

Creating ripple effect on click only using css

This tutorial explains how to create a ripple effect only using css when an element is clicked in the webpage.

3 min. read

Styling input type range HTML5 element

Input type range HTML5 element allows user to select a value between a maximum and a minimum value both inclusive, user can select any value within the range by moving the scroll button.

3 min. read

Awesome css hover effect for text using css pseudo elements

Creating a beautiful css hover effect using pseudo elements of css.

3 min. read

Popup modal open and close using html and css without any javascript

Using checkbox hack to open and close a popup modal, only html and css no javascript required. Positioning of checkbox is the concept of the application.

4 min. read

Creating text input box in a creative way

In this tutorial we will be creating a text input box in which a black line will follow to the length of text typed in it, only html and css are used to created the application.

3 min. read

Changing color of placeholder text using CSS

Placeholder attribute is used to specify the text that is displayed inside the text box(eg. input type text or textarea) when it is empty. Placeholder text is light grey in color by default...

1 min. read

Creating a star rating application using html and css

This in depth tutorial explains step by step to create a star rating application only using html and css.

6 min. read

Resizing image using php

PHP has hugh capability to manipulate images to far extent, in this tutorial we are going to explain how to use PHP to resize the images to any valid dimensions.

3 min. read

Vertically center div using CSS only without any JavaScript

Vertically center div: Vertically centering a div or any element of any height can be done only using CSS without any JavaScript, for that the element that we are styling need to be fixed positioned, why fixed positioned? that is because a fixed positione

4 min. read

Replicating linkedIn like button design and it's click animation

Replicating linkedIn like button design and it's fascinating click animation.

2 min. read

Creating web gui and brand icons using css pseudo elements

Unleashing the power of css, beautiful web gui & brand icons created using css pseudo elements.

2 min. read