Author Archives: Ivan Dimov
Easily create stunning animated charts with Chart.js
Charts.js is a library for JavaScript which uses HTML5’s canvas to render various different beautiful charts for the web. You can download it from: http://www.chartjs.org and start using it immediately. All you have to do is add the Chart.js script to your document and you can take advantage of its functionality, documented at http://www.chartjs.org/docs/.
[ Read More ]
Creating a Text-to-Speech API part 2
After we have set up all parameters, we create a variable that will hold the name of the audio file which will be a randomly generated name. Afterwards, we launch eSpeak in the command line with all possible user parameters. If the user has not specified a parameter, it will just be blank.
[ Read More ]
Creating a Text-to-Speech API part 1
To create a Text-to-Speech or Speech Synthesis API we will be using eSpeak. eSpeak is a speech synthesizer which supports many languages and is available for Linux, Android, OSX, Windows and Solaris. It can also be used as a command line program which can be very useful to developers. Moreover, some Linux distributions come with eSpeak pre installed and available for use in Terminal (such as Ubuntu).
[ Read More ]
Using HTTP Basic Auth in PHP the easy way
HTTP Basic Auth can help you authenticate users for certain webpages without having to put too much effort in building registration or login systems. There are cases, when all you need is a simple authentication mechanism and the webpage does not contain the most sensitive types of data and adding extra dependencies or typing code for hours or day is not worth it. Then, HTTP Basic Auth comes to the rescue!
[ Read More ]
3 HTML5 Attributes That You Should Be Using Right Now
Did you know that you can add a contenteditable attribute to almost any HTML5 tag? The attribute has two possible values – true or false. If you set the attribute to true then your users would be able to edit the content inside various different elements. You can then hook event listeners to save what they have edited and so on. You can add the attribute to almost any HTML5 tag.
[ Read More ]
Creating a productive programming environment in Brackets
There are many available text editors and IDEs out there. Some are commercial and require a payment for their license such as Sublime Text or JetBrains products such as PhpStorm and WebStorm. Instead, I want to show you how to set up a productive environment for your coding habits in Brackets. Brackets is a free, open-source text editor designed for the Web. To do this, we will install various different useful extensions developed by programmers worldwide.
[ Read More ]
Using external fonts with HTML5 Web Fonts
Before the introduction of Web fonts, we did not have much control over the font that our text would be served in. We had to provide multiple fonts as fallbacks in the case the system of the user does not support our desired font and even specify a font family like serif or sans-serif if none of our desired fonts were available to the user. It was best to rely on several web-safe fonts such as Georgia, Times New Roman or Arial (to see the web-safe fonts, visit http://www.w3schools.com/cssref/css_websafe_fonts.aspp) . HTML5 allows us to add any font to our website and if the user supports Web fonts the font would be downloaded by the user automatically. This happens with the help of the @font-face rule.
[ Read More ]
