Accessing website URL and path in JAVAScript

If you want to know what the current URL user have visited in browser in your Javascript code, so you can perform some operations like we did in our another post “How to hide code / Div based on contents in URL using Javascript ?” where we tried to hide a button only on specific … Read more

Working with different elements of DOM in html

We tried to understand what the DOM means in html in our previous post “Understanding HTML Document Object Model (DOM)” . In this post, we will show some more fun ways to work with DOM elements so you can do many customised things from JAVA Script to update your html code. Here we will continue … Read more

Understanding HTML Document Object Model (DOM)

The Document Object Model (DOM) is a programming interface for HTML and XML documents. It represents the page so that programs can change the document structure, style, and content. The DOM represents the document as nodes and objects. That way, programming languages can connect to the page. A Web page is a document. This document … Read more

How to show Bootstrap Modal dialog on click of Button in html

The following example shows the simple button, upon clicking which we tries to show simple modal dialog. You may copy the code and try in your html webpage. The modal dialog related html contains following div blocks, modal class modal dialog class modal content modal Header modal Body modal Footer The first three , modal … Read more

Click to Chat : How to open WhatsApp chat from website button

If you want to have a “chat” button on your website which on Android mobile will directly start the Whatsapp application and send a predefined message to predefined contact number, just copy paste the below lines where ever you need. In above the message we are trying to send is “Hi we need help regarding … Read more

Adding a Twitter Button and using Twitter Card for tweets

As you know, these days having social media presence is very important for any business or entity. One among that is twitter, which has significant importance if you want to drive traffic to your website and also want to inform the world what you are doing. There are number of ways, one can add a … Read more

Setting full cover image as background in html

Recently, we wanted to set the image as full cover background and this image should remain static as user scrolls the page. This can easily be done using CSS as below,  <html> <style> body, html { background-image: url(‘http://www.greenecosystem.in/blog/images/sprout.jpeg’); background-attachment: fixed; background-size: cover; } </style> <body> <h1>It works!</h1> <p>This is the default web page for this … Read more

How to integrate and use google fonts into website

To use google fonts into your website / html, you just need to follow below steps, To start with read the google font getting started guide from https://developers.google.com/fonts/docs/getting_started We will take the same html example as mentioned in getting started guide and modify to change it to various different google fonts, Copy and paster below … Read more

Brackets: Best Html, CSS Editor for 32 / 64 bit Ubuntu / Linux

With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. It’s crafted from the ground up for web designers and front-end developers. How to Install Brackets on Ubuntu Download binary for Ubuntu You can also download an updated binary from http://brackets.io/ Start Brackets … Read more

How to use image placeholders in html

In this post, we will use holder.js javascript to demonstrate how you can use default image placeholders for your website. Holder renders image placeholders entirely in browser. Placeholders can have custom colors, fonts, resizing behavior, and rendering engine (Canvas/SVG). Visit http://holderjs.com/ and download holder.js java script and upload to your website or use locally. Include holder.js in … Read more