Cool Javascript posts

How to Use ES6 Arrow Functions in JavaScript

Arrow functions are a relatively new way of writing function expressions in JavaScript. They have been introduced by the ECMAScript 6 specifications and since then become the most popular ES6 feature. Arrow functions allow you to use the fat arrow syntax to quickly define JavaScript functions, with or without parameters. Its biggest advantage is that you can omit curly brackets and the function and return keywords when creating a new JavaScript function. The syntax might look strange at first,...

How to Build a Countdown Timer in Pure JavaScript

You don't necessarily need jQuery to add a countdown timer to your site. It takes just a few lines of JavaScript to create a customizable timer that counts down to a pre-defined date and time. You can embed the timer to several kinds of pages such as Coming Soon and Maintenance pages, eCommerce stores, daily deals websites, and event registration pages. In this tutorial, we will create the countdown timer step by step so that you can understand everything. You can find the entire JavaScript code at the...

7 JavaScript Templating Engines with Code Examples

JavaScript templating engines enable you to add dynamic logic to static HTML pages. For instance, you can declare a variable that the engine replaces with an actual value at runtime. Similarly, you can use conditionals, loops, filters, mixins, and other constructs, depending on the templating engine you choose. Besides significantly speeding up front-end development, JavaScript templating engines also make debugging and maintenance simpler and faster. Each engine comes with its own syntax...

11 Experimental JavaScript Projects Pushing The Boundaries Of Scripting

Web technology grows so much larger with each passing year. I’m constantly stunned by the amazing projects I stumble onto and the level of detail that goes into building them. Recently I covered some crazy CSS projects and in this post I wanna take it the other way. I’ve scoured the web looking for 11 of the coolest JS-powered projects out there. All of these run on CodePen so they’re all open sourced and easy to edit/fork if you wanna play around. 1. Valorous Rabbit Run ... Developer Karim Maaloul...

Introducing the Speech Synthesis API

In the last couple of months we’ve seen API after API being released, many of which make life easier. Today we’re going to focus on the Speech Synthesis API, which uses system libraries to speak, whatever you want, making the Web considerably more accessible. Browser support ... This API is fairly new, so not widely supported. Currently only Chrome Canary and Safari support it. (Safari supports it on desktop and mobile.) So, we can play with the API, but it’s not production ready unless we have...
Home CSS Deals HTML HTML5 Java JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress