Tools Blog Learn Quizzes Smile API Log In / Sign Up
Tools Blog Learn Quizzes Smile API Log In / Sign Up
We have updated our privacy policy to let you know that we use cookies to personalise content and ads. We also use cookies to analyse our traffic and we share information about your use of our site and application with our advertising and analytics partners. By using this website or our application you agree to our use of cookies. Learn more about the way this website uses cookies or remove this message.

Sync Audio with text using JavaScript

March 9, 2015 Difficulty: 30 / 50
sound-waves

A client of mine wanted a way to highlight text on a page as audio was playing, thus helping children that had difficulties reading along. In this tutorial I will show you the solution I implemented.

The code makes use of the timeupdate event and it uses the data from the JSON to sync audio with the text.

Read Full Article...

10 new and old HTML 5 tags you should consider using

March 6, 2015 Difficulty: 5 / 50
HTML5-Painted-On-Cute-Girl

HTML has come a long way from its inception back in Tim Berners-Lee mind in the late 1970's but its core standard of using tags within angled brackets hasn't changed much from its first, faltering steps. Indeed, with the World Wide Web Consortium (W3C) getting towards the final stages of standardizing HTML5 not far away, there are now many new elements that you can use to enhance your web constructions, and that includes many you probably didn't realize exist.

Read Full Article...

Bash history navigation and recursive grep searching

February 16, 2015 Difficulty: 10 / 50
Car-Bashing-In-a-Wall

In today's tutorial I will show you how to search through your bash history in order to avoid re-typing long commands every time. You will also learn about a few use cases for the grep CLI utility.

Read Full Article...

Using xdiff to create your own diff tool in PHP

January 18, 2015 Difficulty: 25 / 50
spot-the-difference

The xdiff extension is a great way to monitor and patch files or strings containing differences between different revisions. This has proven to be very useful for me on a project where I needed to implement a monitoring system for an editor. The man wanted to be able to track the historic contribution that each of his authors and proofreaders had on an article. Basically it was a git tool for journalists.

While xdiff can also do binary pacthing, I won't be focusing on that in this tutorial. Instead I will show you how to install and use the extension to compare strings.

Read Full Article...

Implement a "sounds like" search in PHP

January 13, 2015 Difficulty: 25 / 50
Listen

In this tutorial I will show you how to use two of the lesser known PHP functions (metaphone($str) and levenshtein($str1, $str2)) to implement a "sounds like" search using PHP. By putting these two functions to good use, you will get exceptional results when matching phrases that contain spelling mistakes or simply 'sound similar'.

Read Full Article...

1 2 3 4 5 6 7 8 9 10
Better Docs For A Better Web - Mozilla Developer Network