Category Archives: HTML5/CSS3

Twitter Heart Button Animation Using CSS3

By | December 6, 2015

Twitter Heart Button Animation Using CSS3 Today twitter has been introduced a new heart (like) button, it is actually a replacement for favorite button. I love the way twitter has implemented cool animation effect for click action. This post will explain you, how to implement this using CSS3 and Jquery. Take a quick look at the live demo and… Read More »

How to Customize YouTube Embed Player

By | November 24, 2015

How to Customize YouTube Embed Player The post explains how to customize a YouTube embed player by using YouTube defined parameters. Nowadays most of the web developers using embed <iframe> tag for displaying videos, this improves your web project playback experience. You can stop displaying related videos using the rel parameter or removing the YouTube logo on player by… Read More »

Creating a CountDown Timer Using Vanilla Javascript

By | October 20, 2015

Creating a CountDown Timer Using Vanilla Javascript Adding a clock with JavaScript to a site can be valuable for different purposes. The commencement can be checking the days left to the official dispatch of your site, item or highlight inside of the site. Depending on outsider libraries can bring about additional weight on the data transmission include and… Read More »

How To Build Responsive WordPress Theme Using Bootstrap

By | September 28, 2015

How To Build Responsive WordPress Theme Using Bootstrap The growing demand for responsive designs in the web design industry has given birth to numerous frameworks which have been effectively utilized for building websites and applications that can run on multiple devices with varying screen sizes and dimensions. Bootstrap is one such responsive framework which can act as a… Read More »

How To Use CodeMirror as a FrontEnd Editor

By | September 27, 2015

How To Use CodeMirror as a FrontEnd Editor In this tutorial I will show you how to create a online code editor like Codepen, jsFiddle,repl.it etc. After reading this tutorial you will be able to create such kind of awesome tools with just few lines of code. Let’s see a demo of what we will be creating in… Read More »

How to use Font Awesome Iconic font using CSS

By | September 19, 2015

How to use Font Awesome Iconic font using CSS Font Awesome is a CSS library which gives you vector icons (which are all based on mathematical expressions, to represent images in computer graphics.) that can be easily customize with power of CSS like size, color or drop shadow etc. Basically this Font Awesome was designed for Bootstrap and now… Read More »

Useful and Cool HTML5 Features You must Know

By | September 15, 2015

Useful and Cool HTML5 Features You must Know In this article, we are going to build a simple app that receives the user’s geographic coordinates (latitude and longitude) with the HTML5’s Geolocation API and shows the current weather for the place they are located in (using a remote API provided by OpenWeatherMap).   Geolocation API’s browser support The… Read More »

Audio Recording with Custom Audio Player using Jquery and HTML5

By | September 9, 2015

Today I want to discuss how to Audio Recording with Custom Audio Player using Jquery and HTML5 on newsfeed using Jquery and HTML5 with custom HTML5 audio player. Take a quick look at the live demo, make sure use the microphone for better result. This post on how to Audio Recording with Custom Audio Player using Jquery and HTML5… Read More »

How to Design CSS Triangle

By | August 27, 2015

Using CSS3 you can design triangles that can be used in Menus, Chat Boxes etc. Today I am gonna tell you How to Design CSS Triangle . HTML You can make them with a single div. It’s nice to have classes for each direction possibility.

CSS The idea is a box with zero width and height. The actual… Read More »

How to design a Down Triangle using CSS3

By | August 14, 2015

This tutorial teaches you how to design a simple but powerful triangle pointing down using CSS. I am sure we have been seeing things like this on Facebook, Google-plus, etc and wonder how it can be done. It is very easy to do using CSS. Most of these designs are often done with an image in the CSS… Read More »