TAG: JavaScript

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:

AR.js: Augmented Reality on the web with JavaScript

Augmented Reality is for sure on the coolest technology nowadays. Google, Apple, Mozilla and other tech company are pushing more and more to this technology and the web is also evolving in this direction.

Today I want to introduce you the best friend of AR technology for the web: AR.js, a powerful JavaScript library to create beautiful Augmented Reality web applications. Here is the official GitHub page: go there and download it!


Why AR.js?

But why write a simple introducing post about a JavaScript library? Because I love it. I just tried it in a couple of nights and I found it very simple and extremly fast: pure web technology. Like written on the official GutHub page, those

Custom Google Maps style with Snazzy Maps

If you want to integrate real world maps in your web application, Google Maps API are for sure the best resource for this task, powered by JavaScript and simply to use. An example of use maps in the web could be my post about Geolocation API, a nice feature that we see very often today.

With new design trends exploding every day, our designer have to find the best way to fit maps in their layout with simplicity and consistency and the most common problem is that a standard map is not the most "super-cool" element you could have on your web page. Fortunately, Google Maps API give us the power to customize the colors and the appearance of our

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: