TAG: HTML

DailyGit is a web development blog that talk about the best web technologies and techniques useful to learn JavaScript, PHP, HTML5, CSS3 and much more in the right way.

Fade in and fade out audio with HTML5 API

Playing with audio in HTML5 today is really simple and fun. We can play, pause and stop musics and sounds on our web applications, sometimes it could be a great idea and no, we aren't back in 1998: audio is today an important aspect of nowadays web applications because it provides feedback after actions, make the mood of the website clear and provides beautiful effects interacting with the user interface.

In this tutorial I want to show how you can fade in and fade out audios playing with HTML5 API and JavaScript. Check out the demo, download the source and let's do this!


DEMO SOURCE


The concept

The base of this simple trick is playing with the setInterval function: talking

Monthly Roundup - July 2017

Here we are with another web development Monthly Roundup, the best posts from this and other blogs around the webdev world. We are in the middle of the summer now, so the blog activity is lower than the previous months, but I tried to resume the best from July right here. Hope you enjoy!


Best from DailyGit

The best post of July from DailyGit:


Best from other blogs

Tutorials, tips & tricks, resources...enjoy the best from my favurite web development blog out of here:

Monthly Roundup - June 2017

How was your June as web developers? Hope great. Here we are with our first Monthly Roundup about web development published on DailyGit, a list of the best posts from this and other blogs around the webdev world. Hope you enjoy!


Best from DailyGit

The best post of June from DailyGit:


Best from other blogs

Tutorials, tips & tricks, resources...enjoy the best from my favurite web development blog out of here:

A simple integration of HTML5 Geolocation API with Google Maps

Here is another simple tutorial inside the JavaScript world. As explained in my post about Require.js, every website today is being a web app with interactive functionalities. One of the most common feature saw today on the web is Geolocation, technology to discover your position and give you informations about what's happening near you.

Another common scenario is the full integration of HTML5 Geolocation API with Google Maps API, because we all know that the service offered by BigG is the best map service ever. (Aaaaand noooooooo...I am not coff coff oh yes I am coff coff a Google Fan).

In this post I want to do a simple tutorial about integration of Geolocation API with Google Maps